Formatting of Disabled Fields

Good Afternoon,

We have a number of forms where depending on the status of an item we disable various fields, generally as an item progresses through a process fields a disabled to lock data down. The issue we have is that there appears to be big difference in the format of display of different types of fields which makes the form look a little messy and unprofessional, the screen shot below shows a typical example where different types of fields are displayed next to each other on an edit form...

I have had to set the CONTROL FontColor to Black as otherwise some of the text is very difficult to read as you can see below...

I know this may seem a fairly minor issue but there really does need to be some form of uniformity here as we are trying to provide the best user experience we can for our internal clients....

Thanks

Hello @Tony_Duke,

I've forwarded the information to our developer team to investigate the issue.

And for now, you can change the background color of the controls with the following CSS. Please use it in the CSS editor.


.k-widget.form-control {
    background-color: #e9ecef !important;
}

span.k-widget.k-dropdown.k-header.form-control {
    background-color: #dee2e6 !important;
}

White or black color font on single fields do not display properly on IPhones. They display properly on my laptop and Android Tablet but on IPhones it displays as greyish. Changing color on CSS does no good.

Hello @avs270,

Could you please share the CSS that you are using to change the font to troubleshoot the issue.

Thank you!

$(fd.field('anafield').$el).find('input').css('background-color','red');
$(fd.field('anafield').$el).find('input').css('color','white');

1 Like

Hello @avs270,

Thank you!

This is Safari browser feature. You can use this code to change the color of the font, it also works for desktop browsers.

  $(fd.field('Title').$el).find('input').css('background-color','red');
  $(fd.field('Title').$el).find('input').css('-webkit-text-fill-color', 'white')

That worked! Thank you.

1 Like