Using CSS with LiveSite component

Hi all,

First of all, I am a newbie in TeamSite and LiveSite. Totally no experience at all in implementing both solutions.

The project I am working on will migrate the existing website into TeamSite while some of the portion (corporate information, news, annoucement etc) will required LiveSite component.

The existing website is build in html where there are a few CSS files for formatting purpose. Formatting of the website is being kept in those CSS file for easy maintenance and control. So the new site (TeamSite + LiveSite) is expected to retain the existing method (CSS controlled).

I have absolutely no idea on how I should started with the migration. For TeamSite related, is that better for me to include all the CSS code in individual page and then imported all pages into TeamSite? Then as for LiveSite, I have absolutely no idea on how to make use of CSS to standardize the formatting of all component.

Pls advise and thanks in advance for any hints!

Thanks you.

Find more posts tagged with

Comments

tec_iwov

Livesite follows all web standards for it rendering. You can assign CSS/Javascript files at the site level. This will cause the css file to be included on all pages of a site (you can disable this on a per page basis). You can include CSS/Javascript at the page level as well

ocmeng

thanks for the reply. So does it means that I do not need to have styling related code in my xsl file, only with code to reference to the CSS style??

Appreciate for any reply. Thanks in advance.

tec_iwov

yes you do not need to embed you css rules in every component you can just apply your classes where needed. make sure to select the site that is in the same workarea and has the associated css references assigned to it.

ocmeng

thanks for the reply.

There is another thing which I do not understand. Take an example, the welcome page of a web site. It consists of header, left panel (for login), center panel (for news and annoucement) and footer. Is that possible to build the header, left panel and footer in TeamSite, while the center panel is a news component built in LiveSite? Pardon me for this simple question, I am still quite blur with the concept of integration TeamSite and LiveSite.

Apart from that, from my limited understanding on LiveSite, we will need to code every component on our own right? Are there any tools that we can use to convert whole html page into multiple LiveSite component?

Thanks in advance for any reply. Thanks.

tec_iwov

Livesite has the concept of a Template. It builds similar to a page, drag & drop components on it. you can use DCR's to supply content to components as well.

You can create components from HTML. this is just a simple entry point to get you started with xsl to evolve your components by adding additional customization points.

For 3.1 there will be additional Sets of components that you can use out of the box or to create new components from.

ocmeng

thanks again for the reply.

From what I understand from the explanation, if my page required any LiveSite component, I will need to build the page as a LiveSite page. Otherwise, if it is a static html page, I can just use the import html function from TeamSite and then set up the proper link between page built in LiveSite and the imported html in TeamSite.

Is my understanding correct?? For your information, the existing site for the customer has more than 500 pages and there are only around 10 pages which required LiveSite component where the 400++ are all static pages.

Appreciate for any hints. Thanks in advance.

tec_iwov

you are correct. You can Evolve you site over time and also have a mix of files (html and .page) as well. Keep in mind that Livesite isn't just for adding dynamic content, it's also for providing a way to allow non technical people to manage the website. You could have a technically static .page file that uses DCRs for it's content so that say the marketing department can be responsible for updating the DCR data without requiring IT to make changes to the website.