Terry Gilliver
Posts: 0
Joined: Fri Apr 18, 2014 8:45 pm

css display:none; has no affect on input component

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.

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

css display:none; has no affect on input component

Hello Terry,

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

Galyna Abramovych
Site Admin
Posts: 84
Joined: Tue Mar 22, 2016 6:03 pm

css display:none; has no affect on input component

Hello Terry,

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

Return to “Issues”