how can i style the textbox

[wade.zhu]

before v1.4, i could align the validatebox/numberbox text using style="text-align:right;color:red;font-size:large;"
now i have to code .textbox('textbox').css('text-align', 'right') after component parsed
i read the document, only 'iconAlign', 'buttonAlign' properties found, no 'textAlign' or something else property found.

i have lots of textbox to custom style, what should i do if i upgrade to v1.4?

[stworthy]

Please override the '.textbox-text' CSS class to customize your own style.

Code:

.textbox-text{
  text-align: right;
  color: red;
}

[pratikk]

this aligns the combos also. I want combogrids left aligned and numberboxes right aligned. Can you give me an advice ?

[stworthy]

Try code below instead to right align the numberbox components.

Code:

<style>
	.numberbox .textbox-text{
	  text-align: right;
	  color: red;
	}
</style>

[Stefan B.]

Thanks - that is also what we search 

[pratikk]

    .numberbox .textbox-text {
            text-align: right;
        }

This aligns ALL of the numberboxes. İf I have specific numberbox how will I do it ?

I tried

#xxid .textbox-text {
     font-size: 24px;
{

But didn't worked

[stworthy]

Using javascript also can set the alignment of the numberbox component.

Code:

$('#xxxid').numberbox('textbox').css('text-align','right');

[pratikk]

In combogrid I adjusted the font size with the code you have given.

Now I want to ask if there is a solution for the drop down list. Because this time drop down list  header and list font size stays as it is.

[stworthy]

To custom the combogrid font size, please define a special CSS class.

Code:

<style>
	.textbox .mc,
	.mc .datagrid-cell,
	.mc .datagrid-cell span{
		font-size: 14px;
	}
</style>

And then apply the '.mc' class to the combogrid.

Code:

var cc = $('#Company');
cc.combogrid('textbox').addClass('mc');
cc.combogrid('grid').datagrid('getPanel').addClass('mc');