[CLOSED] How to vertically align a CheckBox in a Toolbar?

[vadym.f]

Hi,

A basic question here. I'm trying to vertically align a checkbox in the toolbar such that it appears visually aligned with buttons with icons. Is there any property to easily achieve it? I've attempted Margins and CSS like this with no success:

<ext:Checkbox runat="server" ID="CheckBox1" BoxLabel="Test" Checked="true" Cls="my-checkbox"></ext:Checkbox>

<style> 
.my-checkbox .x-form-cb-label       
{ 
    font-family:Arial;
    font-size: 8pt;
    padding-bottom:10px;
}
</style>

[Daniil]

Hi Vadym,

Maybe this.

.my-checkbox {
    padding-top: 10px;
}

[vadym.f]

Thanks Daniil,

Here's what eventually worked for me:

<ext:Checkbox runat="server" ID="CheckBox1" BoxLabel="Test" Checked="true" Cls="toolbar-checkbox-label" CtCls="toolbar-checkbox"></ext:Checkbox>
 
<style> 
.toolbar-checkbox-label .x-form-cb-label        
{ 
    font-family:Arial;
    font-size: 8pt;
}

.toolbar-checkbox
{ 
    padding-bottom:3px;
}
</style>

You can mark this thread as closed.