Page 1 of 1

InputStyle: Outlined vs Filled, readonly=true/false

Posted: 18 Oct 2020, 21:17
by lbroker
In previous Babylon version, when Input field had readonly=true it was shown as Outlined (white background)
and readonly=false, showed input as filled (input field gray background)
If was very good to use for view forms (outlined) and for editable forms (filled).
Now from Babylon 3.3.x, when readonly is set true or false, input button is allways the same. It depends of how it is set inputStyle value in guestpreferences.

Is there way to have filled inputStyle for editable input (readlonly=false)
and opposite to have inputStyle for readony input (readonly=true)

Thank you in advance

Re: InputStyle: Outlined vs Filled, readonly=true/false

Posted: 19 Oct 2020, 11:59
by mert.sincan
Hi,

Could you please try the following css code?

Code: Select all

body .ui-inputfield[readonly="readonly"] {
    opacity: 0.6;
}
Best Regards,

Re: InputStyle: Outlined vs Filled, readonly=true/false

Posted: 19 Oct 2020, 20:09
by lbroker
Thanks
I managed with similar style:

Code: Select all

.ui-inputfield[readonly="readonly"] {
     background-color: transparent !important;
 }

Re: InputStyle: Outlined vs Filled, readonly=true/false

Posted: 19 Oct 2020, 22:36
by mert.sincan
Hi,

Thanks a lot for the update!

Best Regards,