Tree view styling question

classic Classic list List threaded Threaded
3 messages Options
Reply | Threaded
Open this post in threaded view
|

Tree view styling question

Gerrit Boers
Hi,

Can anybody tell me how (where) to change the color (yellow) of the selected node in the tree view control (select1)?

It's a very nice widget for implementing master-detail views, I figured out how to change most of the styling but the bright yellow background of the selected still clashes with the rest of the form layout.

Kind regards,

Gerrit

--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

Re: Tree view styling question

Alessandro  Vernet
Administrator
Hi Gerrit,

The ugly ;) yellow background color comes from the following CSS rule
in Orbeon's xforms.css:

    .xforms-form .ygtvcontent .xforms-tree-label-selected {
background-color: #FFFF66; }

So you could override it by adding a "stronger" rule in your own CSS, such as:

    .xforms-form .xforms-select1-appearance-xxforms-tree .ygtvcontent
.xforms-tree-label-selected { background-color: red; }

Alex


On Wed, Jun 29, 2011 at 3:54 AM, Gerrit Boers <[hidden email]> wrote:

> Hi,
>
> Can anybody tell me how (where) to change the color (yellow) of the selected node in the tree view control (select1)?
>
> It's a very nice widget for implementing master-detail views, I figured out how to change most of the styling but the bright yellow background of the selected still clashes with the rest of the form layout.
>
> Kind regards,
>
> Gerrit
>
> --
> You receive this message as a subscriber of the [hidden email] mailing list.
> To unsubscribe: mailto:[hidden email]
> For general help: mailto:[hidden email]?subject=help
> OW2 mailing lists service home page: http://www.ow2.org/wws
>
>


--
Orbeon Forms - Web forms, open-source, for the Enterprise -
http://www.orbeon.com/
My Twitter: http://twitter.com/avernet


--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
Reply | Threaded
Open this post in threaded view
|

Re: Re: Tree view styling question

Gerrit Boers
Hi Alex,

Thanks, that helps. I now have complete control over the styling.

Kind regards,

Gerrit


On Jul 1, 2011, at 6:02 AM, Alessandro Vernet wrote:

> Hi Gerrit,
>
> The ugly ;) yellow background color comes from the following CSS rule
> in Orbeon's xforms.css:
>
>    .xforms-form .ygtvcontent .xforms-tree-label-selected {
> background-color: #FFFF66; }
>
> So you could override it by adding a "stronger" rule in your own CSS, such as:
>
>    .xforms-form .xforms-select1-appearance-xxforms-tree .ygtvcontent
> .xforms-tree-label-selected { background-color: red; }
>
> Alex
>
>
> On Wed, Jun 29, 2011 at 3:54 AM, Gerrit Boers <[hidden email]> wrote:
>> Hi,
>>
>> Can anybody tell me how (where) to change the color (yellow) of the selected node in the tree view control (select1)?
>>
>> It's a very nice widget for implementing master-detail views, I figured out how to change most of the styling but the bright yellow background of the selected still clashes with the rest of the form layout.
>>
>> Kind regards,
>>
>> Gerrit
>>
>> --
>> You receive this message as a subscriber of the [hidden email] mailing list.
>> To unsubscribe: mailto:[hidden email]
>> For general help: mailto:[hidden email]?subject=help
>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>
>>
>
>
>
> --
> Orbeon Forms - Web forms, open-source, for the Enterprise -
> http://www.orbeon.com/
> My Twitter: http://twitter.com/avernet
>
> --
> You receive this message as a subscriber of the [hidden email] mailing list.
> To unsubscribe: mailto:[hidden email]
> For general help: mailto:[hidden email]?subject=help
> OW2 mailing lists service home page: http://www.ow2.org/wws


--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws