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

CSS skin for radInputManager for textbox rounding corner

3 Answers 111 Views
Input
This is a migrated thread and some comments may be shown as answers.
sk
Top achievements
Rank 1
sk asked on 03 Feb 2010, 03:39 AM
hi,
I am using the textbox with the radformdecorator  to make the textbox have rounding corner. After that, i am adding the radInputManager for the validation control. I have found out that my textbox rounding corner have disappear. but when i have removing the rad input manager, i found out that the rounding corner appear again. Is that anyway to solve this problem?

best regards,
sookkien.

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 03 Feb 2010, 12:34 PM
Hi Sookkien,

This scenario is currently not supported, but will be in the Q1 2010 version (due in early March). Then you will be able to decorate RadInputManager textboxes by setting Skin="" (no skin) and EnableEmbeddedBaseStylesheet="false" for the RadInputManager.

Kind regards,
Dimo
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.
0
REB
Top achievements
Rank 1
answered on 29 Mar 2010, 06:15 PM
Hey,

I just ran into the same problem and used Dimo's code to successfully fix the skinning problem. However, the invalid icon that normally shows up inside my text box is no longer displayed. It appears that as soon as you add the 'Skin=""' property, the box attains rounded corners but loses it's invalid icon.

Any ideas? Thanks!
    <telerik:RadInputManager id="IRISInputManager" runat="server"  EnableEmbeddedBaseStylesheet="false" RegisterWithScriptManager="true"
        <telerik:NumericTextBoxSetting BehaviorID="rtbSortOrder" Type="Number" DecimalDigits="0" MaxValue="99999" AllowRounding="false" GroupSizes="5" MinValue="-99999"
            <TargetControls> 
                <telerik:TargetInput ControlID="txtSortOrder" Enabled="true"/> 
            </TargetControls> 
            <Validation IsRequired="true" /> 
        </telerik:NumericTextBoxSetting> 
    </telerik:RadInputManager> 

0
Dimo
Telerik team
answered on 30 Mar 2010, 08:12 AM
Hello Ross,

Well, yes, as soon as you set Skin="", you lose the invalid style. You can try using the OnValidating client event of the respective InputSetting, check whether the textbox is empty and apply some custom CSS styles, e.g. red text color to the respective textbox. You can obtain reference to the textbox DOM element in the OnValidating JS handler like this:

$get(args.get_input().get_id())

args is the event argument paramenter:

function MyValidatingHandler(sender, args)
{
    if (args.get_input().isEmpty())
    {
        $get(args.get_input().get_id()).style.color = "red";
    }
}

Kind regards,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
Input
Asked by
sk
Top achievements
Rank 1
Answers by
Dimo
Telerik team
REB
Top achievements
Rank 1
Share this question
or