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

Can I combine RadDatePicker and TextboxSetting?

5 Answers 66 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Web team
Top achievements
Rank 1
Web team asked on 13 May 2010, 03:10 AM
I have tons of textboxes and datepickers. I tried pointing the IDs of the datepickers to the target input of Textboxsettings for required field validation but it seems it does not work.

I know that I can use a normal asp.net validation but I like the way textboxsetting shows the validation message inside the textbox which is not (straightforward) possible in a normal asp.net validation control. 

5 Answers, 1 is accepted

Sort by
0
Web team
Top achievements
Rank 1
answered on 13 May 2010, 04:44 AM
i am currently trying using multiple textboxes using shared datepickers as shown in the demos, hopefully it will work. My question is where can I get the datepicker image as i will explicitly set the path of the image? Thanks.
0
Dimo
Telerik team
answered on 13 May 2010, 07:45 AM
Hi Arnold,

RadInputManager has been designed to work with regular asp:TextBoxes, not RadDatePickers or RadTextBoxes.

You can either use a non-embedded popup image as in this online demo...

http://demos.telerik.com/aspnet-ajax/calendar/examples/datepicker/shareddatepicker/defaultcs.aspx

...or you can use an embedded image like this:

<asp:Button ID="Button1" runat="server" class="popupButton" />

<telerik:RadCodeBlock ID="asdf" runat="server">
<style type="text/css">

.popupButton
{
    border:0;
    padding:0;
    width:22px;
    height:22px;
    background:transparent no-repeat 0 0 url(<%= Page.ClientScript.GetWebResourceUrl(typeof(RadCalendar), "Telerik.Web.UI.Skins.Sunset.Calendar.sprite.gif") %>);
}

</style>
</telerik:RadCodeBlock>


The above CSS code should be placed in the <head> of the page.


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.
0
Web team
Top achievements
Rank 1
answered on 13 May 2010, 08:20 AM
i used the shared datepicker (like in the demo) then I point the custom textboxes to the textboxsettings. when i select a date by clicking the textbox, the textbox css changes to look like it is active. the font color in the textbox is black. however, when i select a date using the image of the datepicker the textbox of the css doesnt change and it look like inactive - font is gray. please see attach pic.
0
Accepted
Dimo
Telerik team
answered on 13 May 2010, 09:09 AM
Hello Arnold,

The problem is in the way you are setting the textbox value - the RadInputManager doesn't know about this, so it doesn't update the textbox styles. Please either set the value using the RadInputManager API or refresh the textbox styles manually.


<telerik:RadInputManager ID="RadInputManager1" runat="server">
    <telerik:DateInputSetting EmptyMessage="empty">
        <TargetControls>
            <telerik:TargetInput ControlID="TextBox1" />
        </TargetControls>
    </telerik:DateInputSetting>
</telerik:RadInputManager>
 
<asp:TextBox ID="TextBox1" runat="server" />
 
<asp:Button ID="Button1" runat="server" Text="set date value" OnClientClick="return setv()" />
 
<script type="text/javascript">
 
function setv()
{
    //use this
    $find("<%= RadInputManager1.ClientID %>").get_targetInput("<%= TextBox1.ClientID %>").set_value("5/5/2010");
     
    //or this
    //$get("TextBox1").value = "5/5/2010";
    //$find("<%= RadInputManager1.ClientID %>").get_targetInput("<%= TextBox1.ClientID %>").updateCssClass();
     
    return false;
}
 
</script>


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.
0
Web team
Top achievements
Rank 1
answered on 13 May 2010, 09:24 AM
that works thanks!
Tags
Calendar
Asked by
Web team
Top achievements
Rank 1
Answers by
Web team
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or