Page 1 of 1

css display:none; has no affect on input component

Posted: Tue Jun 28, 2016 11:53 am
by Terry Gilliver

I have a page with date, time and description fields. Each is made up of two components, a label field and an input field. Initially I want the input field to be invisible and not take up space on the page, so I used css 'display:none;' and put it in a class called nodisplay.
I added nodisplay class to the three input components which then vanished from the design time display as expected. When I run it with test, however the three input components were visible:

Image

I inspected the code and the input components do indeed have a class called nodiplay. Why are the input components visible?

Image

The date input component also doesn't show the date that I passed into via the service response, although the date label component shows the right date.


css display:none; has no affect on input component

Posted: Tue Jun 28, 2016 8:00 pm
by Evgene Karachevtsev

Hello Terry,

Most likely your CSS rules are overlapped by default CSS rules. Please add !important to your rules and try them again.


css display:none; has no affect on input component

Posted: Thu Jun 30, 2016 11:17 am
by Terry Gilliver

Thanks


css display:none; has no affect on input component

Posted: Thu Jun 30, 2016 1:32 pm
by Galyna Abramovych

Hello Terry,

Thank you for the update here.
Glad it works now!