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

RadInput Edit and Display Value Mode Toggle

1 Answer 52 Views
Input
This is a migrated thread and some comments may be shown as answers.
BC
Top achievements
Rank 1
BC asked on 12 Feb 2011, 01:33 AM
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.

1 Answer, 1 is accepted

Sort by
0
Accepted
Galin
Telerik team
answered on 16 Feb 2011, 05:03 PM
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.
Tags
Input
Asked by
BC
Top achievements
Rank 1
Answers by
Galin
Telerik team
Share this question
or