How To Left Align Caption For TUniCheckBox / TUniDBCheckBox And TUniRadioButton / TUniDBRadioButton?

[Frederick]

The above controls do not seem to have a way for the caption to appear to the left of the circle or square graphic.

Is there a way to do this per the attached image?

--
Frederick
(UniGUI Complete - Professional Edition 1.90.0.1511)
 

[Sherzod]

2 hours ago, Frederick said:

The above controls do not seem to have a way for the caption to appear to the left of the circle or square graphic.

Is there a way to do this per the attached image?

Have you tried using FieldLabel instead of Caption? 

[Frederick]

I tried the FieldLabel property and it seems to fit the requirement but why is it not visual in the IDE?

In addition, there are no field label properties for the TUniRadioButton control. Is there a reason for this?

I also see that there is no TUniDBRadioButton control. It would be great to have this as it makes for better placement of controls.

[Sherzod]

5 hours ago, Frederick said:

I tried the FieldLabel property and it seems to fit the requirement but why is it not visual in the IDE?

 

13 hours ago, Frederick said:

Is there a way to do this per the attached image?

You can try to use this approach I think.

For example for UniCheckBox,

UniCheckBox.ClientEvents.ExtEvents - > function afterrender:

function afterrender(sender, eOpts)
{
    var me = sender;
    me.displayEl.setStyle('left', me.boxLabelEl.getWidth() - 10 + 'px');
    //or me.getWidth()-10 + 'px');
    
    me.boxLabelEl.setStyle('padding-left', '0px');
}

 

[Sherzod]

I think for others too.

[Frederick]

Thank you. I tried the above code for TUniCheckBox, TUniDBCheckBox and TUniRadioButton and they work nicely. However, in TUniDBRadioGroup, the program becomes unresponsive.

[Sherzod]

27 minutes ago, Frederick said:

However, in TUniDBRadioGroup, the program becomes unresponsive.

Can you please explain, what do you mean?

[Frederick]

I placed a TUniDBRadioGroup control on a form, added some items and then added the above AfterRender code.

When  I call the form's ShowModal, it refused to display and eventually became unresponsive.

[Sherzod]

Just now, Frederick said:

I placed a TUniDBRadioGroup control on a form, added some items and then added the above AfterRender code.

When  I call the form's ShowModal, it refused to display and eventually became unresponsive.

Can you please make a simple tescase for this? I will check.

[Frederick]

Sure, please find attached.

radiogroup.zip

[Sherzod]

Ok thx, I will check.

[Sherzod]

21 minutes ago, Frederick said:

Sure, please find attached.

radiogroup.zip

function afterrender(sender, eOpts)
{
    sender.getEl().query('.x-form-type-radio').forEach(function(cmp) {
        me = Ext.getCmp(cmp.id);
        me.displayEl.setStyle('left', me.boxLabelEl.getWidth() - 10 + 'px');
        //or me.getWidth()-10 + 'px');
        me.boxLabelEl.setStyle('padding-left', '0px');

    });
}

 

[Frederick]

Thank you. The revised code works nicely.