Page 1 of 1

hide text input with css

Posted: Tue Mar 12, 2013 2:48 pm
by Michael4771079

Hi,
I have 5 textinputs which are invisible "Visible unchecked in editor"

when the screen loads these inputs are visible for a couple of seconds and then disappear.

this is always the behavior every time the app is opened, once opened they remain hidden when you navigate between pages

after speak to another user I was told this was a bug and I should try "hidden" with css,

I created a new css called "hiddenitem" and used this code, and gave each input the class of "hiddenitem"

.hiddenItem {
display:none !important;
}

no result, the inputs are still visible on first load.

Is there a way around this?

Image


hide text input with css

Posted: Tue Mar 12, 2013 3:34 pm
by Kateryna Grynko

Dear Michael,

Class name should be the same and it's case-sensitive.
You use "hiddenitem" in component properties and "hiddenItem" in CSS.
This is incorrect.


hide text input with css

Posted: Tue Mar 12, 2013 3:55 pm
by Michael4771079

Thanks for spotting that Katya,
I couldn't see the wood for the trees!

works great, thanks again


hide text input with css

Posted: Tue Mar 12, 2013 3:57 pm
by Kateryna Grynko

You're always welcome :)