In many cases when using a form with components that have field label defined, the label overlaps the control when the control has a value.
you can easily see this in your own slider example with the Material theme
Attachment 25304
Printable View
In many cases when using a form with components that have field label defined, the label overlaps the control when the control has a value.
you can easily see this in your own slider example with the Material theme
Attachment 25304
Hello @baruch.gabo!
Thanks for reporting the issue! I see that Sencha "addressed" this issue in their slider example by overriding a CSS setting. I'm afraid for the time being this should be the quickest way to fix it.
In the example you pointed, which I deemed to be the from your description, the Form > Slider > Overview one, you just need to change each slider's LabelStyle setting to append the; transform: translateY(16px)
string to the existing one, so that for instance the first field would read as:
We have logged this issue after #1686 in our issues tracking interface and should perform some tests before we can fix this to Ext.NET code and include a fix for the following release. We will post a follow-up here as soon as we have an update on the issue.Code:LabelStyle="color:red; transform: translateY(8px)"
Hope this helps, and thanks again for taking your time to report the issue!
Hello @baruch.gabo!
We've just fixed this issue in Ext.NET! The fix will make it to the upcoming 5.1.0 release. Unfortunately our upstream framework, Ext JS, didn't fix the issue as of 7.1.0; so we went ahead and baked our very own fix to that.
Looking forward to your feedback once you upgrade to Ext.NET 5.1!