This is a migrated thread and some comments may be shown as answers.

raddateinput label size

2 Answers 16 Views
UI for ASP.NET AJAX in ASP.NET MVC
This is a migrated thread and some comments may be shown as answers.
Emmad
Top achievements
Rank 1
Emmad asked on 31 Aug 2013, 10:19 AM
Hi

I have several input fields in a column and I want to control the label size using CSS (or via other means) so that all the input fields align vertically.

I tried to use :

   .CustomClass
    {
        width: 120px !important; /* edited this value to be correct */
    }
with
...
WrapperCssClass="riLabel"  LabelWidth="120px"

where the riLabel contains 120px for the width (which is redundant in this case), but noting worked.

I tested on IE9 and FireFox.

most of the above was inspired by the page: http://www.telerik.com/help/aspnet-ajax/input-css-width.html
I tried inserting a JavaScript function as suggested in the above page, but got an error regarding the passed parameters to the function.

If you can provide a tiny working example, this would be great.

Also, this may be another question though, I can't get built-in skins to work unless I use CDN. Event though I have Telerik.Web.UI.Skins.dll in the bin.

Thanks.

2 Answers, 1 is accepted

Sort by
0
Venelin
Telerik team
answered on 04 Sep 2013, 10:35 AM
Hi Emmad,

In order to change the width of the label the only thing you need to do is to add the following css rule to the page syles.

CSS:

.riLabel {
    width: 120px !important;
}

ASPX:

<telerik:RadDateInput runat="server" ID="rdi1" Label="Date:"></telerik:RadDateInput>

Please also find attached a sample project that is demonstrating the approach.

For the second question, we are not aware of such an issue. CDN is just an optional feature used to deliver resources from a third-party server and cache them for better performance. Please verify if you have referenced correctly the Telerik.Web.UI.Sins.dll file and also it has to be the same version as the Telerik.Web.UI.dll. If you still encounter a problem with this please open a support ticked and send a demo project that is replicating the issue.

I am looking forward to your reply.

Regards,
Venelin
Telerik
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 the blog feed now.
0
Emmad
Top achievements
Rank 1
answered on 05 Sep 2013, 11:30 AM
Thank you very much. Your recommendation works.
As per the skin issue, I will check and see if a separate tickete is required.

Regards,
Emmad
Tags
UI for ASP.NET AJAX in ASP.NET MVC
Asked by
Emmad
Top achievements
Rank 1
Answers by
Venelin
Telerik team
Emmad
Top achievements
Rank 1
Share this question
or