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,
Thank you for posting in the community.
I tested this scenario using version 11.1.20111.2020 and as long as the MaximumWidth and MaximumHeight properties of the ResizableControlExtender have been set, there seem to be no issues with the RowEditingTemplate. Please let me know if limiting the expansion to the size of your RET helps.
Note that the UltraWebGrid control is now outdated and as of .NetAdvantage 2011 Volume 2 is no longer included in our product package. I would suggest that you consider switching to the WebDataGrid/WebHieararchicalDataGrid. More information regarding these controls is available at:
http://help.infragistics.com/NetAdvantage/ASPNET/2011.2/CLR4.0/?page=Web_WebDataGrid_WebDataGrid.html
Additional samples demonstrating the features of these grids can be found at:http://samples.infragistics.com/aspnet/
Feel free to contact me if you have any questions.
Thanks for the quick reply. However, the issue isn't with the resizing extender, it is with the DIV container. The DIV container (refer to the image) does not expand when the resizing extender is dragged past it's height/width. I've tried setting the div to auto height, but it does no good. The container seems to be the issue. Thanks again for the quick response.
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.
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.
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.