HTML Attribute disabled="disabled" is no longer generated for readonly or write protected input-fields after upgrade from Q1IM 6.0.1 to Q1IM 6.1.4

Hi Tarigh,

This is not a bug, this is by design. Text boxes for readonly fields are marked as "readonly" but not disabled.

For more information about why we made this change see stackoverflow.com/.../whats-the-difference-between-disabled-disabled-and-readonly-readonly-for-ht

Regards
Hanno

Hi,

here is my problem described visually

thanks for help and best regards

Tarigh

Hi Tarigh,
It sounds like Hanno is saying this is intentional and by design. If you take a look at the article he linked, it explains why they made the change.

Hi!
yes, but our customers like the old behaviour;-)
How can I provide them the old "Look and Feel"?
I´´ am afraid that adding additional HTML attributes won´ t provide the flexibility of V.6.0.x
(if this is the only way to bring back the old look and feel)
br T

Customer do like that they cannot Copy & Paste the information from the pages? Really?

Hi!

It is of course possible to (mark) and copy and paste from inactive and disabled fields (only th cursor won´t show up) in version 6.0.x.

 

The problem is that in Version 6.1.4. a blinking curser misleds the user to think he can edit the disabled field.

Hi Tarigh,

Take a look at the caret-color CSS rule, unfortunately it does not work in all browsers: caniuse.com/

You could add a CSS rule for readonly textboxes, which would give you at least the grey background color.

Hi Hanno,

can you please show me where i can define a global css rule "only" for readonly textboxes in webdesigner? thanks

br,T

Hi 

thanks again for your help, finally i found a solution and maybe also a bug in following standard style

VI_Styles_Textbox_Default

there is a section what does not work, because all the possible supported readonly syntax are mixed together in the same line
, because when i tried to add a background-color to it, it does not worked, i had to separate the supported readonly syntax to 3 sections to get it working

From:

.DefaultTextBox:read-only, .DefaultTextArea:read-only,
.DefaultTextBox[readonly], .DefaultTextArea[readonly],
.DefaultTextBox:-moz-read-only, .DefaultTextArea:-moz-read-only { 
  border: solid 1px %VI_Common_Color_LighterGray%; 
  -moz-box-shadow: inset 0px 1px 1px %VI_Common_Color_Gray%;
  -webkit-box-shadow: inset 0px 1px 1px %VI_Common_Color_Gray%;
  box-shadow: inset 0px 1px 1px %VI_Common_Color_Gray%;
  background-color: #D2D2D2;
}

 

To:

.DefaultTextBox:read-only, .DefaultTextArea:read-only {
  border: solid 1px %VI_Common_Color_LighterGray%; 
  -moz-box-shadow: inset 0px 1px 1px %VI_Common_Color_Gray%;
  -webkit-box-shadow: inset 0px 1px 1px %VI_Common_Color_Gray%;
  box-shadow: inset 0px 1px 1px %VI_Common_Color_Gray%;
  background-color: #D2D2D2;
}
.DefaultTextBox[readonly], .DefaultTextArea[readonly] {
  border: solid 1px %VI_Common_Color_LighterGray%; 
  -moz-box-shadow: inset 0px 1px 1px %VI_Common_Color_Gray%;
  -webkit-box-shadow: inset 0px 1px 1px %VI_Common_Color_Gray%;
  box-shadow: inset 0px 1px 1px %VI_Common_Color_Gray%;
  background-color: #D2D2D2;
}
.DefaultTextBox:-moz-read-only, .DefaultTextArea:-moz-read-only {
  border: solid 1px %VI_Common_Color_LighterGray%; 
  -moz-box-shadow: inset 0px 1px 1px %VI_Common_Color_Gray%;
  -webkit-box-shadow: inset 0px 1px 1px %VI_Common_Color_Gray%;
  box-shadow: inset 0px 1px 1px %VI_Common_Color_Gray%;
  background-color: #D2D2D2;
}

 

br,T