The 'Columns' property on all my RadInputBox's are no longer working. I have just upgraded to the latest version. I have a huge application and cannot override per page. All the text boxes on the page are now the same size. What do I need to do in order to have the 'columns' property working again.
Thanks,
Susan
Thanks,
Susan
7 Answers, 1 is accepted
0
Hello,
Since Q3 2012 we changed the default behavior of RadInput control. You can control its width as use "width" property of the control. The width could be controlled also by Columns property, but it is necessary to set width to auto with css rule as it is shown below:
Regards,
Milena
the Telerik team
Since Q3 2012 we changed the default behavior of RadInput control. You can control its width as use "width" property of the control. The width could be controlled also by Columns property, but it is necessary to set width to auto with css rule as it is shown below:
.customStyle
{
width: auto !important;
}
Regards,
Milena
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0

Susan
Top achievements
Rank 1
answered on 29 Nov 2012, 03:48 PM
So do I have to apply this style to every textbox in my application OR change every textbox in my application to use width instead of columns, or is there a way to apply this globally. My application is huge and this would take a long time to accomplish if I have to make a change to every textbox.
Thanks,
Susan
Thanks,
Susan
0
Hello,
You can use the following css rule, which will override the width of all textboxes on the page:
Greetings,
Milena
the Telerik team
You can use the following css rule, which will override the width of all textboxes on the page:
<
style
type
=
"text/css"
>
html body .riSingle .riTextBox, html body .riSingle .riTextBox[type="text"]
{
width: auto !important;
}
</
style
>
Greetings,
Milena
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0

Susan
Top achievements
Rank 1
answered on 04 Dec 2012, 08:33 PM
When I do that, my 'required' (from the required field validator) shows up in the middle of the textbox. It is no longer right after the textbox itself. I have attached an image.
<tr>
<td class="NormalPadding" width="15%">Donation Purpose<font color="red">*</font></td>
<td>
<telerik:RadTextBox ID="DonationPurpose" Skin="Web20" MaxLength="50" Columns="30" runat="server" TabIndex="1" ToolTip="A short description of the donation purpose"/>
<asp:requiredfieldvalidator ID="rfvDonationPurpose" cssclass="Normal" controltovalidate="DonationPurpose" errormessage="Required." display="dynamic" runat="server" /></td></tr>
0
Hello,
I tested the provided code, but everything works as expected on my end. Attached, you can find the project, which I used for testing. Please review it and let me know what I am missing.
Greetings,
Milena
the Telerik team
I tested the provided code, but everything works as expected on my end. Attached, you can find the project, which I used for testing. Please review it and let me know what I am missing.
Greetings,
Milena
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0

Susan
Top achievements
Rank 1
answered on 26 Jan 2013, 04:26 AM
You have no 'button' on the page. If you add a button to your example and click it, the 'Required' shows up in the middle of the textbox, not at the end.
Thanks,
Susan
Thanks,
Susan
0

Princy
Top achievements
Rank 2
answered on 28 Jan 2013, 10:11 AM
Hi Susan,
You could style the
aspx:
CSS
Thanks
Princy
You could style the
RequiredFieldValidator
to some 5% to the left and it should work as expected.aspx:
<
asp:RequiredFieldValidator
ID
=
"rfvDonationPurpose"
CssClass
=
"Normal"
ControlToValidate
=
"DonationPurpose"
ErrorMessage
=
"Required."
Display
=
"dynamic"
runat
=
"server"
></
asp:RequiredFieldValidator
>
<
style
type
=
"text/css"
>
.Normal
{
margin-left:5%;
}
</
style
>
Thanks
Princy