Loading...
 
Skip to main content

Features / Usability

Forum List Topic List

 
Thread actions
Print this page
  • Print all pages

    • HTML and Tiki problems

    Posted by tgibbs

    I have been asked to take a couple of our intranet pages that are HTML and try to convert them so that Tiki can display them. I have read that Tiki can use HTML. I have been able to cut and paste the HTML, enable the HTML options and then create a page. The main problem is that the page does not display any of the images, nor the style of the original HTML page. I have taken all of the image files and placed them in both the "images" folder and the "img" folder. I have also placed my .css files in the css folder. I have not done anything with my .js files.
    Is there something I am missing, or am I going about this all wrong. I have found a "converter" called mwimporter, but I have no idea how to use it, and the readme files are very vague. Any ideas on where I can start?
    Thanks

    Reads: 1939
    Posted by Gary Cunningham-Lee

    The images won't show up unless the addresses of the image files written in the original HTML page are updated to reflect the images' new locations. You need to find the HMTL code in the page for each image and update it to point to the place in the Tiki installation where the image files are stored.

    For the CSS styling of the page, there must be a CSS file that Tiki loads (for your purposes, a "custom.css" file in the styles/theme/ directory of the theme you're using), or CSS rules input in the Look and Feel admin page's custom CSS box, that is/are recognized by the CSS selectors on the page. This could be trickier than dealing with the images. With the images, there is pretty much one correct path for an image; with CSS, there could be interference by other CSS rules used by Tiki.

    CSS files aren't automatically picked up and used just because they are in a CSS folder, and anyway you don't want to just add external CSS files without knowing all the ramifications; this would probably mess up your Tiki installation pretty good. You should identify the CSS selectors (class and ids) that your HTML page uses and just add those rules and, in fact, probably only a subset of those. Before attempting this, what CSS styling does your page actually need, rather than using the styling of the rest of your Tiki installation?

    -- Gary

    Custom theme campaign: Choose any theme at free-css.com(external link), etc. and have it converted for your Tiki site for USD160. Please visit Zukathemes.com(external link) for details.

    Posted by tgibbs
    Gary Cunningham-Lee wrote:

    The images won't show up unless the addresses of the image files written in the original HTML page are updated to reflect the images' new locations. You need to find the HMTL code in the page for each image and update it to point to the place in the Tiki installation where the image files are stored.

    For the CSS styling of the page, there must be a CSS file that Tiki loads (for your purposes, a "custom.css" file in the styles/theme/ directory of the theme you're using), or CSS rules input in the Look and Feel admin page's custom CSS box, that is/are recognized by the CSS selectors on the page. This could be trickier than dealing with the images. With the images, there is pretty much one correct path for an image; with CSS, there could be interference by other CSS rules used by Tiki.

    CSS files aren't automatically picked up and used just because they are in a CSS folder, and anyway you don't want to just add external CSS files without knowing all the ramifications; this would probably mess up your Tiki installation pretty good. You should identify the CSS selectors (class and ids) that your HTML page uses and just add those rules and, in fact, probably only a subset of those. Before attempting this, what CSS styling does your page actually need, rather than using the styling of the rest of your Tiki installation?

    -- Gary

    Custom theme campaign: Choose any theme at free-css.com(external link), etc. and have it converted for your Tiki site for USD160. Please visit Zukathemes.com(external link) for details.


    OK, so a little background on me. I am not a web guru, I am more of a sysadmin. I am kind of a stuckee on this project. When you talk about what CSS styling the HTML uses, what exactly am I looking for?

    Posted by Rick Sapir / Tiki for Smarties
    tgibbs wrote:
    OK, so a little background on me. I am not a web guru, I am more of a sysadmin. I am kind of a stuckee on this project. When you talk about what CSS styling the HTML uses, what exactly am I looking for?


    You might find this primer useful...Question

    HTH,

    - RickQuestion | My Tiki Blog | My Tiki UserPage

    Tiki for Dummies SmartiesQuestion, the best (and only) Tiki beginner's guide! Learn more...Question

    Tiki EssentialsQuestion, the best-selling book for Tiki! Learn more...Question

    Posted by Gary Cunningham-Lee

    If you still have the original HTML pages intact, you could compare them to the Tiki wiki pages where the HTML has been input. My first question is what styling is needed for these pages? The easiest solution is to just let Tiki's CSS do all the styling for these pages as it does for the other wiki pages at your Tiki site. That is, do these pages need to look like they did previously, or can they just look like other "native" wiki pages at your site? I'm wondering how the pages look if you just paste in the HTML and don't do anything about the CSS.

    CSS is used mainly for two things: layout (positioning of page items) and aesthetics (making the typography and other visual details nice). Hopefully the aesthetics can be covered by the Tiki theme stylesheet. If your HTML needs CSS to put things in the correct positions, etc., then more drastic efforts are needed, and it's hard to say how to do it specifically without seeing the pages.

    Anyway, in answer to your question, you can look for all instances of 

    class=
    and 
    id=
    in the HTML you're putting into the wiki pages. Then find the rules in your stylesheets that match. In the stylesheet, a class name is represented like 
    .classname
    and and id by 
    #idname


    Here's an alternative suggestion: Instead of importing the content as HTML, just copy it as text and put it in the wiki page. Then apply headings or other styling as needed, along with re-adding the images using Tiki's wiki syntax. Would that be easier?

    -- Gary

    Custom theme campaign: Choose any theme at free-css.com(external link), etc. and have it converted for your Tiki site for USD160. Please visit Zukathemes.com(external link) for details.