raddateinput label size

[Emmad]

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.

[Venelin]

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

[Emmad]

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