RadInput Edit and Display Value Mode Toggle

2 posts, 1 answers
  1. BC
    BC avatar
    7 posts
    Member since:
    Dec 2007

    Posted 11 Feb 2011 Link to this post

    Is there a way with the RadInput textbox control to allow for users to toggle the editing and displaying of a value? What I mean is, on the load of the page, text is displayed. When the user clicks on the text, it becomes editable (i.e. text displayed within the RadInput textbox). Save and Cancel buttons are also displayed when the "edit mode" is toggled on.

    Flickr does this, for example, with the naming of their photos and with descriptions.
  2. Answer
    Galin
    Admin
    Galin avatar
    526 posts

    Posted 16 Feb 2011 Link to this post

    Hello Brendan,

    RadInput do not support exactly this functionality, but there is a similar solution:

    .RadInput .riEnabled,
    .RadInput .riHover,
    .RadInput .riEmpty
    {
        border:0 none !important;
        padding-top:3px !important;
        padding-left:2px !important;
        cursor:pointer;
    }
     
    .RadInput .riHover
    {
        background-color:#ffffd3 !important;   
    }
    <telerik:RadTextBox EmptyMessage="Enter Your Text" AutoPostBack="true" Height="20px" runat="server"></telerik:RadTextBox>


    Of course there is a classic way to do this, with hidden RadTextBox and button. Then show/hide them on click or other event.

    Greetings,
    Galin
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Back to Top