Page 1 of 1

global styles

PostPosted: Wed May 13, 2015 11:33 am
by TinTin
Any chance we could set styles for complete pages and all elements on a page?

I wan't to hide mouse cursor on a specific page, but having to set style on all elements is quite long process.. as opposed to setting that style for the specific page.

Just a heads up for future version..

If anyone knows if I can do it with JS at the moment I would appreciate it.

Ta

Re: global styles

PostPosted: Wed May 13, 2015 11:41 am
by Gaev
TinTin:

I haven't tried this ... but since the C in CSS stands for Cascading ... you might try and place all your widgets inside a Container ... and assign the appropriate property to the Container ... perhaps the child objects will all inherit this property.

Re: global styles

PostPosted: Wed May 13, 2015 11:49 am
by TinTin
Thanks Gaev,

Actually thinking back I think that does work as I did have some elements within a container and it did apply to all within (for transparency from memory) I'll give it a go with the hide cursor property and report back for others who may need to do something similar.

cheers

Re: global styles

PostPosted: Wed May 13, 2015 11:55 am
by TinTin
works a treat! thanks :-)

Re: global styles

PostPosted: Wed May 13, 2015 2:18 pm
by Neosoft Support
Similarly, you can also use the App Properties > Styles page to modify css properties of a specific page. For example:

#NewPage2 {
cursor: crosshair !IMPORTANT;
}

Of course, some objects have their own css properties that will supersede the page's css.