Setting Responsive Row Background color

Questions and answers for designing and implementing forms in Servoy

Setting Responsive Row Background color

Postby doug » Wed Dec 21, 2016 7:29 pm

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?
doug
 
Posts: 16
Joined: Mon Dec 12, 2016 11:45 pm

Re: Setting Responsive Row Background color

Postby patrick » Wed Dec 21, 2016 7:44 pm

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?
Attachments
Capture.PNG
Capture.PNG (31.09 KiB) Viewed 6319 times
Patrick Ruhsert
Servoy DACH
patrick
 
Posts: 3703
Joined: Wed Jun 11, 2003 10:33 am
Location: Munich, Germany

Re: Setting Responsive Row Background color

Postby doug » Wed Dec 21, 2016 8:46 pm

Yes. I thought there was a way of doing this without adding my own class.
Thanks
doug
 
Posts: 16
Joined: Mon Dec 12, 2016 11:45 pm

Re: Setting Responsive Row Background color

Postby patrick » Wed Dec 21, 2016 9:54 pm

It's just a layout container, not a Servoy element with a bunch of properties...
Patrick Ruhsert
Servoy DACH
patrick
 
Posts: 3703
Joined: Wed Jun 11, 2003 10:33 am
Location: Munich, Germany

Re: Setting Responsive Row Background color

Postby doug » Thu Dec 22, 2016 2:01 am

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.
doug
 
Posts: 16
Joined: Mon Dec 12, 2016 11:45 pm

Re: Setting Responsive Row Background color

Postby patrick » Thu Dec 22, 2016 10:16 am

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.
Attachments
Capture.PNG
Capture.PNG (177.48 KiB) Viewed 6284 times
Patrick Ruhsert
Servoy DACH
patrick
 
Posts: 3703
Joined: Wed Jun 11, 2003 10:33 am
Location: Munich, Germany

Re: Setting Responsive Row Background color

Postby doug » Thu Dec 22, 2016 6:17 pm

I've been reading through documentation trying to figure out how to add a NG css.
Thanks, it's working.
doug
 
Posts: 16
Joined: Mon Dec 12, 2016 11:45 pm

Re: Setting Responsive Row Background color

Postby patrick » Thu Dec 22, 2016 6:37 pm

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:
Patrick Ruhsert
Servoy DACH
patrick
 
Posts: 3703
Joined: Wed Jun 11, 2003 10:33 am
Location: Munich, Germany


Return to Forms

Who is online

Users browsing this forum: No registered users and 4 guests