If I put an EditableLabel inside an asp.net UpdatePanel, the normal and active styles are not applied.
Stripping it down to a bare bones example (for an asp.net 3.5 site), if the only thing in the form is:
<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</ajaxToolkit:ToolkitScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<eo:EditableLabel ID="EditableLabel1" runat="server" AllowEdit="true"
Hint="<em>Click here to enter your response.</em>"
onchanged="EditableLabel_Changed" >
<ActiveStyle CssText="background-color: #F3F3F3; border-style: groove; border-width: thin; display: inline-block;" />
<NormalStyle CssText="border: thin outset #F7F7F7; padding-right: 2px; padding-left: 2px; display: inline-block;" />
</eo:EditableLabel>
</ContentTemplate>
</asp:UpdatePanel>
<br />
<eo:EditableLabel ID="EditableLabel2" runat="server" AllowEdit="true" Value=""
Hint="<em>Click here to enter your response.</em>"
onchanged="EditableLabel_Changed" >
<ActiveStyle CssText="background-color: #F3F3F3; border-style: groove; border-width: thin; display: inline-block;" />
<NormalStyle CssText="border: thin outset #F7F7F7; padding-right: 2px; padding-left: 2px; display: inline-block;"/>
</eo:EditableLabel>
The first EditableLabel inside the UpdatePanel will have no ActiveStyle or NormalStyle. The second one outside the UpdatePanel does display the styling. If the UpatePanel is removed, both EditableLabels display the styling. (There is no other CSS on the page or in any attached style sheet.)
Is this a known issue? Is there something I should be doing differently?
Adding: putting an EditableLabel above the UpdatePanel, but after the ScriptManger, and/or putting one above the ScriptManager doesn't change what happens inside the UpdatePanel: the EditableLabels outside the UpdatePanel have styling, and any inside it don't. The EditableLabels inside the UpdatePanel do work - I can populate them, edit them, save results - but due to the lack of styling, there is no visual indication that the text is editable, and when editing, the editing textbox area itself is invisible - and of course, since my "inline" styling is not being applied, they don't display where they should when surrounded by other text.
Thanks!