Center ClearButton for TUniEdit

[GerhardV]

I have some TUniEdits that have a height greater than that of the standard size. The ClearButton is not vertically centered, see attachment. The ClearButton has a element style="right: 7px; top: 1px" in the div tag. It also has margin-top: 4px in the clearbutton.css file but I cannot change the CSS as that will affect all ClearButtons.

 

I checked the TUniEdit source code but there is only one property to set it visible, and it seems that it is declared in TUniFormControl which we don't have the source code for.

 

Is there a way to set the position?

 

Or even better - Can wee perhaps expose properties to set its position? Or can we maybe have it aligned vertically centered?

[Sherzod]

Hi,

 

One possible solution, can you try this?:

 

UniEdit -> ClientEvents -> ExtEvents -> function afterrender:

function afterrender(sender, eOpts)
{
    sender.plugins.forEach(function(p) {
        if (p.alias[0] == "plugin.clearbutton") {
            var h=sender.getHeight()/2;
            var h1=p.clearButtonEl.getHeight()/2;
            p.clearButtonEl.setStyle("margin-top", h-h1);
        }
    });
}

Best regards.

[GerhardV]

Thank you...does the trick.

 

@Farshad can we add the functionality to the uniGUI library?

[SayeyeZohor]

hi
How to put The ClearButton on the left side (align - javascript)

 

[Sherzod]

Hi,

 

Which build and edition are you using?

[SayeyeZohor]

Hi,

 

Which build and edition are you using?

hi 1386

[Sherzod]

Sorry, which edition, Trial ?!

[SayeyeZohor]

Sorry, which edition, Trial ?!

yes ...

[Sherzod]

First of all, use the latest build