Re: [trinidad] Beginner Skinner Questions

Jeanne Waldman Thu, 28 Jun 2007 07:21:24 -0700

Every skin extends the simple skin. In the source code, this is thebase-desktop.xss and the simple-desktop.xss files. You can look at theseto see what the defaults are, what aliases are used, etc.Or you can set your skin-family to simple, and run a page, and look atthe generated css to see what is set by default. Then you can overridethose css properties in your skin or you can inhibit them with -tr-inhibit.

You can look at the demo bundle, and the purple skin, for examples ofthe syntax you are supposed to use.

disabling content compression in web.xml like Simon suggested is a goodway to debug since it shows the uncompressed style names.

And Firebug is really a cool tool. You can inspect an element, and thenit shows the css that is applied to it in a pane to the right. It willalso show you all the inherited css properties (like those that youmight get from body, for example).



- Jeanne

Matthias Wessendorf wrote:

My suggestion is looking at the class, that's rendered out, by usingfirebug.


af_component_foo would be translated into a key like

af|component::foo

-M

On 6/28/07, *Abhijit Ghosh* <[EMAIL PROTECTED]<mailto:[EMAIL PROTECTED]>> wrote:


    Also I am not sure if you have read this document:
    
http://www.oracle.com/technology/products/jdev/101/howtos/adfskins/index.html
    
<http://www.oracle.com/technology/products/jdev/101/howtos/adfskins/index.html>


    It is a good introduction to the basics of skinning,though some
    things might not hold true for Trinidad.

    -- Abhi


    On 6/28/07, * Paul Baker* <[EMAIL PROTECTED]
    <mailto:[EMAIL PROTECTED]>> wrote:

        Dear user list,

        I've been struggling with trinidad skinning.  Below is a snap
        of a page that was rendered via JSF and Trinidad.  I started
        to create my own "skin" (eLoadMaster.css) but there is
        obviously some default mechanism that I am not aware of and I
        would like to change the way that the default works.

        My specific questions are:

        What is causing the green line (border) to be rendered in my

page following the bar naviationPane.

        How do I get rid of that?

        How do I change it?

        I've attached the source and the *.css file.  I'm reading what
        I can on the skinning features.  I have almost no styles
        defined though (is that the problem J ).


    The skins are combined to generate the final CSS file,you

        My general question is:

        Where can I find skinning documentation and examples that will
        help me with questions like above.

        So far I have found/read the following:

        1.      the skin-selectors.xml that contains some of the
        styles/classes.

2.http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html

3.G:\j2ee\Oracle\adf\adf-faces-10_1_3_0_4\docs\skin-selectors.html

4.http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html


        5.      http://wiki.apache.org/myfaces/Trinidad_Skinning_FAQ

        There is obviously something that I don't get… Will someone
        please point me in the right direction?

        Thank in advance…

        --PB (ATL)

        ------------------------------------------------------------------------

        *From:* Abhijit Ghosh [mailto:[EMAIL PROTECTED]
        <mailto:[EMAIL PROTECTED]>]
        *Sent:* Monday, June 25, 2007 7:15 AM
        *To:* MyFaces Discussion
        *Subject:* Re: page layout and more

        Paul,
        In your jsp page I see this as the doctype:
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

        I think this is switching the browser back into quirks mode.
        I don't think the doctype is necessary,most of your layout
        problems will be solved if your remove the doctype.

        Also you might want to use Trinidad skinning features to
        customize your page.

        -- Abhi

        On 6/24/07, *Paul Baker* < [EMAIL PROTECTED]
        <mailto:[EMAIL PROTECTED]>> wrote:

        Hi,

        I want to use myfaces and Trinidad on our project and I am
        trying to create some prototypes and some proof of concept pages.

        I'm having an awful time trying to layout the page the way

that I want it.

        I want a three panel page: top, left, and content.  On the
        content page I want to use a tab navigation component followed

by a bar navigation component.

        panelBorderLayout work great for the layout. But on the

content page I have a few issues.

           1. There is a gap between the tab component and the bar
              component.  I want the bar component to directly follow
              the tab component.  How do I do this?  I read all of the
              documentation that I can find and have experimented with
              several styles.
           2. I would like the tab component to extend to the right.
           3. How do I control the page top and bottom boarders?  For
              example, using the beach.css the borders are currently
              displayed and are blue.  I don't want the borders
              displayed at all.

         Below is a snapshot of the current display and below that is
        want I want to display.  I have also attached the jsp that

created the page.

        Thanks in advance..

        Frustrated in Atlanta..






--
Matthias Wessendorf

further stuff:
blog: http://matthiaswessendorf.wordpress.com/

mail: matzew-at-apache-dot-org

Re: [trinidad] Beginner Skinner Questions

Reply via email to