basic css question

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
5 messages Options
Reply | Threaded
Open this post in threaded view
|

basic css question

snowch
Hi Forum,

Only some of the fields in a table I have created are sortable.  To differentiate these fields from the non-sortable ones, I would like them to be colored blue (instead of black).  I have tried the following:

       <field name="days" header-link-style="sort-column"
        header-link="ClearanceReport?orderBy=days&amp;sortDir=${sortDir}"
        title="Days since pickup">

In maincss.css I have the following:

.sort-column {
        font-style: italic;
  color: blue;
}

The italic style gets applied but the color property is getting ignored?  

Does anyone on this forum have any idea why?

Many thanks in advance,

Chris
Reply | Threaded
Open this post in threaded view
|

Re: basic css question

BJ Freeman
check here first see that helps.
http://docs.ofbiz.org/display/OFBIZ/OFBiz+maincss.css+HTML+Element+Collection+Styles

snowch sent the following on 5/15/2009 11:52 AM:

> Hi Forum,
>
> Only some of the fields in a table I have created are sortable.  To
> differentiate these fields from the non-sortable ones, I would like them to
> be colored blue (instead of black).  I have tried the following:
>
>        <field name="days" header-link-style="sort-column"
>         header-link="ClearanceReport?orderBy=days&amp;sortDir=${sortDir}"
>         title="Days since pickup">
>
> In maincss.css I have the following:
>
> .sort-column {
> font-style: italic;
>   color: blue;
> }
>
> The italic style gets applied but the color property is getting ignored?  
>
> Does anyone on this forum have any idea why?
>
> Many thanks in advance,
>
> Chris
>

--
BJ Freeman
http://www.businessesnetwork.com/automation
http://bjfreeman.elance.com
http://www.linkedin.com/profile?viewProfile=&key=1237480&locale=en_US&trk=tab_pro
Systems Integrator.

Reply | Threaded
Open this post in threaded view
|

Re: basic css question

Adrian Crum-2
In reply to this post by snowch

Try

.sort-column a {
    font-style: italic;
      color: blue;
}

-Adrian

--- On Fri, 5/15/09, snowch <[hidden email]> wrote:

> From: snowch <[hidden email]>
> Subject: basic css question
> To: [hidden email]
> Date: Friday, May 15, 2009, 11:52 AM
>
> Hi Forum,
>
> Only some of the fields in a table I have created are
> sortable.  To
> differentiate these fields from the non-sortable ones, I
> would like them to
> be colored blue (instead of black).  I have tried the
> following:
>
>        <field name="days"
> header-link-style="sort-column"
>            
> header-link="ClearanceReport?orderBy=days&amp;sortDir=${sortDir}"
>
>             title="Days
> since pickup">
>
> In maincss.css I have the following:
>
> .sort-column {
>     font-style: italic;
>       color: blue;
> }
>
> The italic style gets applied but the color property is
> getting ignored? 
>
> Does anyone on this forum have any idea why?
>
> Many thanks in advance,
>
> Chris
>
> --
> View this message in context: http://www.nabble.com/basic-css-question-tp23565334p23565334.html
> Sent from the OFBiz - User mailing list archive at
> Nabble.com.
>
>



Reply | Threaded
Open this post in threaded view
|

Re: basic css question

snowch
Hi Adrian,

Unfortunately, that didn't work.   I think it was because my table style was basic-table which seemed to take the preference for the color setting for  elements?  To fix it, I created a new style class (sortable-table) style and applied that class to my form table as follows:

My Form:
=======

<form name="ClearanceReportList"
    type="list"
    ...
    default-table-style="sortable-table basic-table dark-grid"      

maincss.css:
=========

/* previous table header row style */
.basic-table .header-row td a {
color: #000000;
}

/* add new sortable table header row style */
.sortable-table .header-row td a {
color: blue;
}

Many thanks for pointing me in the right direction!

Chris


<quote author="Adrian Crum-2">

Try

.sort-column a {
    font-style: italic;
      color: blue;
}

-Adrian

--- On Fri, 5/15/09, snowch <snowch@coralms.com> wrote:

> From: snowch <snowch@coralms.com>
> Subject: basic css question
> To: user@ofbiz.apache.org
> Date: Friday, May 15, 2009, 11:52 AM
>
> Hi Forum,
>
> Only some of the fields in a table I have created are
> sortable.  To
> differentiate these fields from the non-sortable ones, I
> would like them to
> be colored blue (instead of black).  I have tried the
> following:
>
>        <field name="days"
> header-link-style="sort-column"
>            
> header-link="ClearanceReport?orderBy=days&sortDir=${sortDir}"
>
>             title="Days
> since pickup">
>
> In maincss.css I have the following:
>
> .sort-column {
>     font-style: italic;
>       color: blue;
> }
>
> The italic style gets applied but the color property is
> getting ignored? 
>
> Does anyone on this forum have any idea why?
>
> Many thanks in advance,
>
> Chris
>
> --
> View this message in context: http://www.nabble.com/basic-css-question-tp23565334p23565334.html
> Sent from the OFBiz - User mailing list archive at
> Nabble.com.
>
>





Reply | Threaded
Open this post in threaded view
|

Re: basic css question

Adrian Crum-2
In reply to this post by snowch

I'm glad you were able to get it to work.

Going back to your original attempt, maybe you could try:

.basic-table .sort-column {
   font-style: italic;
   color: blue;
}

-Adrian

--- On Fri, 5/15/09, snowch <[hidden email]> wrote:

> From: snowch <[hidden email]>
> Subject: Re: basic css question
> To: [hidden email]
> Date: Friday, May 15, 2009, 2:24 PM
>
> Hi Adrian,
>
> Unfortunately, that didn't work.   I think
> it was because my table style was
> basic-table which seemed to take the preference for the
> color setting for 
> elements?  To fix it, I created a new style class
> (sortable-table) style and
> applied that class to my form table as follows:
>
> My Form:
> =======
>
> <form name="ClearanceReportList"
>         type="list"
>         ...
>        
> default-table-style="sortable-table basic-table
> dark-grid"       
>
> maincss.css:
> =========
>
> /* previous table header row style */
> .basic-table .header-row td a {
> color: #000000;
> }
>
> /* add new sortable table header row style */
> .sortable-table .header-row td a {
> color: blue;
> }
>
> Many thanks for pointing me in the right direction!
>
> Chris
>
>
>
> Adrian Crum-2 wrote:
> >
> >
> > Try
> >
> > .sort-column a {
> >     font-style: italic;
> >       color: blue;
> > }
> >
> > -Adrian
> >
> > --- On Fri, 5/15/09, snowch <[hidden email]>
> wrote:
> >
> >> From: snowch <[hidden email]>
> >> Subject: basic css question
> >> To: [hidden email]
> >> Date: Friday, May 15, 2009, 11:52 AM
> >>
> >> Hi Forum,
> >>
> >> Only some of the fields in a table I have created
> are
> >> sortable.  To
> >> differentiate these fields from the non-sortable
> ones, I
> >> would like them to
> >> be colored blue (instead of black).  I have tried
> the
> >> following:
> >>
> >>        <field name="days"
> >> header-link-style="sort-column"
> >>            
> >>
> header-link="ClearanceReport?orderBy=days&amp;sortDir=${sortDir}"
> >>
> >>             title="Days
> >> since pickup">
> >>
> >> In maincss.css I have the following:
> >>
> >> .sort-column {
> >>     font-style: italic;
> >>       color: blue;
> >> }
> >>
> >> The italic style gets applied but the color
> property is
> >> getting ignored? 
> >>
> >> Does anyone on this forum have any idea why?
> >>
> >> Many thanks in advance,
> >>
> >> Chris
> >>
> >> --
> >> View this message in context:
> >> http://www.nabble.com/basic-css-question-tp23565334p23565334.html
> >> Sent from the OFBiz - User mailing list archive
> at
> >> Nabble.com.
> >>
> >>
> >
> >
> >
> >
> >
>
> --
> View this message in context: http://www.nabble.com/basic-css-question-tp23565334p23567515.html
> Sent from the OFBiz - User mailing list archive at
> Nabble.com.
>
>