How to get RadInput to pick up styles of RadFormDecorator

[Tim]

Hi All,

I might be missing something but I've got the RadFormDecorator set up in my project and this is styling all default form items in the desired style (a custom skin). However, any input fields which are using the RadInput aren't picking up the FormDecorator stylesheet and I can't seem to find anything in the documentation to suggest how to do this. Is there something really simple that I'm missing? I've tried setting the Skin path on the RadInput field to an empty string but still no joy.

Thanks in advance for any help,
Tim

[Martin]

Hi Tim,

RadFormDecorator and RadInput are two different controls with independent skinning, and this is why RadInput does not pick up its styles from RadFormDecorator. Basically, FormDecorator does not skin controls that already have a class name, which is the case with RadInput. In order to change the styles of RadInput (without the rounded corners) you may use simple CSS - pick the border-color of an input skinned with FormDecorator, e.g. "#00ff00", and then apply it to the particular skin of RadInput, for example Office2007:

.RadInput_Office2007 .riTextBox
{
     border: solid 1px #00ff00 !important
}

Do not forget the !important flag at the end of the property value, otherwise your new setting will not apply.

Have a great week.

Greetings,
Martin Ivanov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Andrew]

Hi,

I think this thread is pertinent to my problem (as of Q2 2009)

I have a form with controls which are decorated by the FormDecorator - lovely.

I then decide to use the InputManager to add useful functionality to my controls - and I lose the nice formatting of the FormDecorator.

Your proposal above does nto give me back the rounded corners, and anyway it seems you re-introduce the pain which the form decorator so nicely did away with.

Is it not possible to have a FormDecorator which does form decorating and an input manager which does input managing on the same form without interference?

The two features of telerik are so very handy it seems a real pity that they don't cooperate.

[Martin]

Hello Andrew,

RadInput and RadFormDecorator are two different controls with their own skins and skinning mechanism, and this is why at present it is not possible to make RadInput pick up the styles from RadFormdecorator, but there are plans for implementing such feature, however I cannot commit myself with a deadline.

Best wishes,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Andrew]

Hi Martin,

Thanks for the reply, it is good to hear that there are plans to resolve this, I might urge you to consider it.

As a side issue, woudl it perhaps be helpful for Telrik to provide a "voting" system where users like me can vote for our highest priority enhancements - that might give you the overall feedback as to what your customers want and hence what woudl make a good number of them more happy?

[Georgi Tunev]

Hello Andrew,

We are already working on such feature for our site :) The first preview will appear in the coming weeks.


All the best,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Lone]

Hey Georgi
Is this feature enabled in current release ???
I can see my RadInput gets the same colors from the decorator.
But I don't get the same rounded corners and mouse over style, as the asp:input gets.

I have a asp:input that gets perfect style with the decorator, but the RadInput only gets the colors, even if I choose the skin

I use the black skin

Thanks
Jan

[Georgi Tunev]

Hi Jan,

I tried to reproduce the problem locally, but everything is working as expected on my side. Please open a support ticket and send us a sample project so we can investigate.

Best wishes,
Georgi Tunev
the Telerik team

[Phil]

Is there a resultion to this, as I am seeing the exact same behaviour. Controls which have radinputmanager settings don't get rounded corners, but do get otherwise styled by the formdecorator.

This really makes my forms look bad.

[Georgi Tunev]

Hello Phil,

Currently, to get rounded corners from RadFormDecorator to apply over inputs handled by RadInputManager, you need to set RadInputManager's skin property to an empty string, i.e. Skin="".

All the best,
Georgi Tunev
the Telerik team

[Erik]

Thanks Georgi, then it works fine. But I think you should change it... :-)

I have a problem with the empty message text then... it's black in sted of gray..

Can we change the postname "RadInput" to "RadInputManager", than this is on top in the google search...

[Georgi Tunev]

Hello Proovit,

Generally speaking, supporting rounded corners for all browsers is currently not possible by using CSS only (mainly because of IE). In addition, such feature will require changes in the HTML output which will be a major breaking change yielding more problems and less value (we already have bitter experience with that).
As for the empty message, you could try the approach suggested in this post.



Regards,
Georgi Tunev
the Telerik team

[Erik]

ok, thanks!