Page 1 of 1
Overriding just certain parts of the default CSS?
Posted: Mon Feb 08, 2016 10:01 am
by SparrowhawkMMU
Hi,
I'd like to change the styling on just radio buttons and check boxes - is it possible to do this by including a CSS snippet in SB? And if so could somebody explain how this is done?
Ideally I'd like all styling removed from both these gadget types for one particular web app I'm building.
Re: Overriding just certain parts of the default CSS?
Posted: Mon Feb 08, 2016 1:37 pm
by sworteu
You can do that with EnableJS and DisableJS.
Call the functions you nee to set different css properties using javascript.
Re: Overriding just certain parts of the default CSS?
Posted: Thu Feb 18, 2016 4:13 pm
by SparrowhawkMMU
Hi,
Sorry I meant to reply early.
Ideally I'd like this in the <head> section which I don't think (?) the EnableJS approach allows, but happy to be proven wrong.
Re: Overriding just certain parts of the default CSS?
Posted: Fri Mar 18, 2016 10:36 pm
by Arbrakaan
Or create your own theme "C:\SpiderBasic\Libraries\JavaScript\themes\YourTheme\window.css
And overwrite css classes
Code: Select all
.dijitMenuBar {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #d3d3d3;
box-shadow: 0 1px 6px rgba(30,30,30,0.1);
font: 'Open Sans',Arial,sans-serif;
letter-spacing: 1.1px;
}
Re: Overriding just certain parts of the default CSS?
Posted: Sat Mar 19, 2016 5:58 pm
by SparrowhawkMMU
Thanks for alternative approach. Seems like I will have to do something like that as you say.