PDA

View Full Version : RadioGroup field label alignment



simon
2 Jun 2016, 12:15 AM
I have radioGroup. Item should be next to field label - now it is 105 px away(padding-left: 105px').

https://fiddle.sencha.com/#fiddle/1bc3

How can i move item to the left. And if possible, when first item finish, second start - now there is a lot of space between items.
It should work in IE.

The same problem is decribed here:

https://www.sencha.com/forum/showthread.php?47133-2.2-Re-override-x-form-element

If I change library to 3.4.1 then it works, but only in chrome.

Gary Schlosberg
2 Jun 2016, 6:23 AM
Can you use the labelWidth (http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.form.FormPanel-cfg-labelWidth) config to control the distance?
https://fiddle.sencha.com/#fiddle/1bei

simon
3 Jun 2016, 1:23 AM
Thank you Gary.
If I open this link in IE11, I see empty form. Can you try? But currently this doesn't hurt me.
If you don't have time, don't focus on this.

Otherwise, is it possible to have label width dynamically - responsive design?
The point is that I have different languages and sometimes the text can be:
"Tip" and sometimes more characters, like "xxxxxxxxxx".

Otherwise I have to set width that cover the longest text,
but tomorrow can be other language with greater text length and I can correct values in my design
all the time over pages. In fact, that is happening now.

"Item 1" should start right after "Tip" text(no matter of tip length) and it would be nice if "Item2" starts right after "Item1" -
now there is a lot of space in between.

Gary Schlosberg
3 Jun 2016, 12:24 PM
The first version of Ext JS 3.x to support IE 11 was 3.4.2. That said, I was able to get the test case working with 3.4.0 by removing the 'flex' config on the left container. If you're not able to achieve the look you need, I would consider upgrading past this since as you said it is not an issue in 3.4.1.

simon
6 Jun 2016, 1:20 AM
Thank you Gary. What about dynamic width, do you have any idea how to achieve that?