Page 1 of 1

Setting Responsive Row Background color

PostPosted: Wed Dec 21, 2016 7:29 pm
by doug
I've been trying to figure out how to change the background color of rows & columns on a responsive form. I just want the top row on a responsive form to have a different background color. It should be easy, but nothing I've tried works. How do I do this?

Re: Setting Responsive Row Background color

PostPosted: Wed Dec 21, 2016 7:44 pm
by patrick
Have a look at my screenshot.

You can see the first row in the outline view has been given an additional class "top-row" and that makes the background black and the text white. Is that what you were looking for?

Re: Setting Responsive Row Background color

PostPosted: Wed Dec 21, 2016 8:46 pm
by doug
Yes. I thought there was a way of doing this without adding my own class.
Thanks

Re: Setting Responsive Row Background color

PostPosted: Wed Dec 21, 2016 9:54 pm
by patrick
It's just a layout container, not a Servoy element with a bunch of properties...

Re: Setting Responsive Row Background color

PostPosted: Thu Dec 22, 2016 2:01 am
by doug
How do I add the additional class (I've just started using Servoy and I'm still finding my way around). You have a testme.css file. I created "myStyle.css" and added it under the resources styles thinking I could reference it. It's not working.

Re: Setting Responsive Row Background color

PostPosted: Thu Dec 22, 2016 10:16 am
by patrick
Styles under the resources node are for smart and webclient solutions, the new NG client uses one style sheet per solution that is referenced as a solution property from the media library. So click on the solution itself and check the styleSheet property (see my screenshot). The can create a style sheet directly from there, optionally having it filled with some servoy specific style examples.

Re: Setting Responsive Row Background color

PostPosted: Thu Dec 22, 2016 6:17 pm
by doug
I've been reading through documentation trying to figure out how to add a NG css.
Thanks, it's working.

Re: Setting Responsive Row Background color

PostPosted: Thu Dec 22, 2016 6:37 pm
by patrick
When I google "servoy wiki ng css" I end up right where that is explained (https://wiki.servoy.com/display/DOCS/St ... e+NGClient)... No need to read everything. :wink: