Customizing trails pages look and feel

[PabloS]

Hi All,

we are trying to customize the pages look and feel using our own CSS stylesheets but honestly we have no idea of where to start looking. Can anyone give me any tip/pointer on where should I start looking?

Thanks in advance.
Best Regards,
Pablo.

[Kalle Korhonen-2]

In a nutshell, install firebug, open your current webapp and with Firebug inspect the associated styleclasses. You can then edit the stylesheet directly (in webapp/styles/<skinname>/ i.e. tapestryskin/) or add your custom stylesheet in your border component and override the particular styles there.

Kalle

On 10/17/07, Pablo Saavedra <pablo.a.saavedra@...> wrote:

Hi All,

we are trying to customize the pages look and feel using our own CSS stylesheets but honestly we have no idea of where to start looking. Can anyone give me any tip/pointer on where should I start looking?

Thanks in advance.
Best Regards,
Pablo.

[PabloS]

Wow, that was quick :). Thanks a lot for the tip!

Regards,
P.

On 17/10/2007, Kalle Korhonen <kalle.o.korhonen@...> wrote:

In a nutshell, install firebug, open your current webapp and with Firebug inspect the associated styleclasses. You can then edit the stylesheet directly (in webapp/styles/<skinname>/ i.e. tapestryskin/) or add your custom stylesheet in your border component and override the particular styles there.

Kalle

On 10/17/07, Pablo Saavedra <pablo.a.saavedra@...> wrote:

Hi All,

we are trying to customize the pages look and feel using our own CSS stylesheets but honestly we have no idea of where to start looking. Can anyone give me any tip/pointer on where should I start looking?

Thanks in advance.
Best Regards,
Pablo.

[nhhockeyplayer]

Alejandro integrated the appfuse model. The name of this is called css-framework. It provides a consistent predictable assembly of style sheet files to promote themes whereby theme's can be swapped in/out manually. Alejandro could expand more on it's usage.
 
At flat value it is just a bunch of files that get included into the trails main root pages Home.html and Border.html for whatever example app your checkinig out.
 
Here si the physical location of the files under TRUNK
trails\trunk\trails\examples\roster\src\main\webapp\styles\tapestryskin
 
THEME.CSS assembles the modules as follows:
@import url(tools.css);
@import url(typo.css);
@import url(layout-nav.css);
@import url(layout.css);
@import url(table.css);
@import url(forms.css);
@import url(messages.css);
@import url(iepatches.css);
 
 
If you want to alter anything... then alter it.
 
I actually created a CustomHead.JAVA widget to override some of these.
 
Checkout the JIRA on this feature for info too.
 
IE vs Firefox runtimes still remain a bit green in the field. But spear heading this area remains in play.
 
So any contributors to enhancing this area for trails are very welcome... especially fixing IE/Firefox bugs.
 
Happy Trails...

Best regards
Ken in nashua

---

Date: Wed, 17 Oct 2007 16:54:31 -0300
From: pablo.a.saavedra@...
To: users@...
Subject: [trails-users] Customizing trails pages look and feel

Hi All,

we are trying to customize the pages look and feel using our own CSS stylesheets but honestly we have no idea of where to start looking. Can anyone give me any tip/pointer on where should I start looking?

Thanks in advance.
Best Regards,
Pablo.

---

Windows Live Hotmail and Microsoft Office Outlook – together at last. Get it now!

[Alejandro Scandroli]

Hi Pablo

Trails is using this CSS Framework:
http://www.contentwithstyle.co.uk/Articles/17/
That is also used by AppFuse:
http://css.appfuse.org/themes/
http://raibledesigns.com/rd/entry/a_css_framework

As an example of css customization I have integrated the 3 appfuse
default themes (andreas01, simplicity and puzzlewithstyle) in our
Recipe example.

Alejandro.

On 10/17/07, Pablo Saavedra <pablo.a.saavedra@...> wrote:

> Wow, that was quick :). Thanks a lot for the tip!
>
> Regards,
> P.
>
>
> On 17/10/2007, Kalle Korhonen <kalle.o.korhonen@... > wrote:
> > In a nutshell, install firebug, open your current webapp and with Firebug
> inspect the associated styleclasses. You can then edit the stylesheet
> directly (in webapp/styles/<skinname>/ i.e. tapestryskin/) or add your
> custom stylesheet in your border component and override the particular
> styles there.
> >
> > Kalle
> >
> >
> >
> > On 10/17/07, Pablo Saavedra < pablo.a.saavedra@...> wrote:
> > > Hi All,
> > >
> > > we are trying to customize the pages look and feel using our own CSS
> stylesheets but honestly we have no idea of where to start looking. Can
> anyone give me any tip/pointer on where should I start looking?
> > >
> > > Thanks in advance.
> > > Best Regards,
> > > Pablo.
> > >
> >
> >
>
>

---------------------------------------------------------------------
To unsubscribe from this list please visit:

    http://xircles.codehaus.org/manage_email

[PabloS]

Thanks a lot for all the answers

On 17/10/2007, Alejandro Scandroli <alejandroscandroli@...> wrote:

Hi Pablo

Trails is using this CSS Framework:
http://www.contentwithstyle.co.uk/Articles/17/
That is also used by AppFuse:
http://css.appfuse.org/themes/
http://raibledesigns.com/rd/entry/a_css_framework

As an example of css customization I have integrated the 3 appfuse
default themes (andreas01, simplicity and puzzlewithstyle) in our
Recipe example.

Alejandro.

On 10/17/07, Pablo Saavedra <pablo.a.saavedra@...> wrote:
> Wow, that was quick :). Thanks a lot for the tip!
>
> Regards,
> P.

>
>
> On 17/10/2007, Kalle Korhonen <kalle.o.korhonen@... > wrote:
> > In a nutshell, install firebug, open your current webapp and with Firebug
> inspect the associated styleclasses. You can then edit the stylesheet
> directly (in webapp/styles/<skinname>/ i.e. tapestryskin/) or add your
> custom stylesheet in your border component and override the particular
> styles there.
> >
> > Kalle
> >
> >
> >
> > On 10/17/07, Pablo Saavedra < pablo.a.saavedra@...> wrote:
> > > Hi All,
> > >
> > > we are trying to customize the pages look and feel using our own CSS
> stylesheets but honestly we have no idea of where to start looking. Can
> anyone give me any tip/pointer on where should I start looking?
> > >
> > > Thanks in advance.
> > > Best Regards,
> > > Pablo.
> > >
> >
> >
>
>

---------------------------------------------------------------------
To unsubscribe from this list please visit:

    http://xircles.codehaus.org/manage_email