I have an UltrawebGrid using a RowEditTemplate. In the Template is a <DIV> section and inside the DIV is a <P> section and a table inside of that. In that table I have my controls, the one at issue is a textbox and an associated WebResizingExtender to allow the user to expand the textbox. The problem is that they cannot expand it very much with out running into the Template size clipping the image (see image). How do I get around this? I need them to extend it much bigger than this, but I don't want the template to be fixed to some ridiculous size, it should expand dynamically with the expansion of the textbox. Anyone? I've tried playing with the Template style and DIV style, but no luck. Your help is greatly appreciated.
Hi dbishop9,
Glad that the issue has been resolved. Please contact me if you have any further questions.
Thanks Peter,
I removed the set width from the RowEditTemplate and it no longer clips the height, which is what I needed. I would not have expected that only having the width set would effect the Template's height. I appreciate your help. Thanks so much!
I have tested this scenario and the template itself is extending automatically given that its width and height are not set explicitly in the RowTemplateStyle. For instance note that the below code does not define width or height for the template anywhere:
<RowEditTemplate> <div ID="div1" runat="server"> <p> <asp:Button Text="text" runat="server" /> <span>Some text here ....</span> <ajaxToolkit:ResizableControlExtender ID="RCE" runat="server" HandleCssClass="handleImage" HandleOffsetX="3" HandleOffsetY="3" MaximumHeight="1000" MaximumWidth="1000" MinimumHeight="300" MinimumWidth="300" ResizableCssClass="resize" TargetControlID="div1"> </ajaxToolkit:ResizableControlExtender> </p> </div> <span>some other stuff</span> </RowEditTemplate> <RowTemplateStyle BackColor="White" BorderColor="White" BorderStyle="Ridge" > <BorderDetails WidthBottom="3px" WidthLeft="3px" WidthRight="3px" WidthTop="3px" /> </RowTemplateStyle>
<RowEditTemplate> <div ID="div1" runat="server"> <p> <asp:Button Text="text" runat="server" /> <span>Some text here ....</span> <ajaxToolkit:ResizableControlExtender ID="RCE" runat="server" HandleCssClass="handleImage" HandleOffsetX="3" HandleOffsetY="3" MaximumHeight="1000" MaximumWidth="1000" MinimumHeight="300" MinimumWidth="300" ResizableCssClass="resize" TargetControlID="div1"> </ajaxToolkit:ResizableControlExtender> </p> </div>
<span>some other stuff</span> </RowEditTemplate> <RowTemplateStyle BackColor="White" BorderColor="White" BorderStyle="Ridge" > <BorderDetails WidthBottom="3px" WidthLeft="3px" WidthRight="3px" WidthTop="3px" /> </RowTemplateStyle>
The limitation (or overlapping) you are experiencing should only be present if one of the parent controls of the element being resized has its width and height set. Please let me know if this helps.
Hi Peter,
Sorry, this is not what I needed and I apologize if I wasn't clear. The DIV tag extends yes, but it will not extend beyond the RowEditTemplate width/height . I need the RowEditTemplate to expand when the DIV or other resizable control extends beyond it. I can expand the textcontrol or a div tag inside the RowEditTemplate just fine, but when they are expanded beyond the size of the RowEditTemplate, I need the RowEditTemplate to expand with it, not clip it. Thanks.
Apologies for the delayed response.
Attached is a sample illustrating the scenario in question. Please let me know if there are any additional details missing which may be affecting the implementation.