Google Sheets CSS
Quote from BGUK on August 27, 2020, 6:34 pmPlease advise how to update the CSS of object Container3 in sample file google-sheets.neoapp as I would like to replace the dark brown background on alternate table rows with a mid grey colour.
The sample file is contained in version 20.8.22.
What file is the CSS contained in?
Please advise how to update the CSS of object Container3 in sample file google-sheets.neoapp as I would like to replace the dark brown background on alternate table rows with a mid grey colour.
The sample file is contained in version 20.8.22.
What file is the CSS contained in?
Quote from luishp on August 28, 2020, 10:02 am@bguk neoGSheetsLoadAsTable command uses BootStrap class .table-striped.
Default colours depend on your current BootStrap Theme. Go to the menu Tools > neoThemeManager to change your installed theme. Using Default Theme, table stripes should be light gray and white.You can also go to Project > Properties > Styles and and this code to overwrite default theme style (change "red" for your desired color):
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: red; }Regards.
@bguk neoGSheetsLoadAsTable command uses BootStrap class .table-striped.
Default colours depend on your current BootStrap Theme. Go to the menu Tools > neoThemeManager to change your installed theme. Using Default Theme, table stripes should be light gray and white.
You can also go to Project > Properties > Styles and and this code to overwrite default theme style (change "red" for your desired color):
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
background-color: red;
}
Regards.
Quote from BGUK on August 28, 2020, 4:33 pmThanks, both suggestions work well.
I notice that code added to Project > Properties > Styles is generated to file styles.css but in what file is class .table-striped contained?
Is there any documentation listing what bootstrap classes are applied to individual VisualNeo Web commands?
How is it possible to determine the current theme applied from the neoThemeManager and are there any plans to allow different themes to be applied to different sites?
Regards
Thanks, both suggestions work well.
I notice that code added to Project > Properties > Styles is generated to file styles.css but in what file is class .table-striped contained?
Is there any documentation listing what bootstrap classes are applied to individual VisualNeo Web commands?
How is it possible to determine the current theme applied from the neoThemeManager and are there any plans to allow different themes to be applied to different sites?
Regards
Quote from luishp on August 28, 2020, 6:25 pm@bguk
I notice that code added to Project > Properties > Styles is generated to file styles.css but in what file is class .table-striped contained?
As it's a BootStrap class it is on bootstrap.min.css file
Is there any documentation listing what bootstrap classes are applied to individual VisualNeo Web commands?
No but you can use right click mouse button and "inspect element" on the web browser rendered element to see the HTML code and applied classes.
How is it possible to determine the current theme applied from the neoThemeManager and are there any plans to allow different themes to be applied to different sites?
Different themes could be applied to different sites already. You just need to change VisualNEO Web current Theme to the appropiated one before compiling your project.
To see the which one is the current Theme just look at this file:
Documents\VisualNeoWeb\Libraries\css\bootstrap-theme.min.cssneoThemeManager just replace it with the appropiated one from this folder:
Documents\VisualNeoWeb\Libraries\themesRegards.
I notice that code added to Project > Properties > Styles is generated to file styles.css but in what file is class .table-striped contained?
As it's a BootStrap class it is on bootstrap.min.css file
Is there any documentation listing what bootstrap classes are applied to individual VisualNeo Web commands?
No but you can use right click mouse button and "inspect element" on the web browser rendered element to see the HTML code and applied classes.
How is it possible to determine the current theme applied from the neoThemeManager and are there any plans to allow different themes to be applied to different sites?
Different themes could be applied to different sites already. You just need to change VisualNEO Web current Theme to the appropiated one before compiling your project.
To see the which one is the current Theme just look at this file:
Documents\VisualNeoWeb\Libraries\css\bootstrap-theme.min.css
neoThemeManager just replace it with the appropiated one from this folder:
Documents\VisualNeoWeb\Libraries\themes
Regards.