I am using RowEditTemplate to update the selected row in UltraWebGrid (v8.3)
The panel shows but it is too narrow and the text boxes are not fully visible. How can I change the width of this panel?
This is the definition of the template:
<ROWEDITTEMPLATE> <P style="FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: lightsteelblue" align="right"> Action Type: <INPUT id="igtbl_TextBox_1_0" style="FONT-SIZE: 8pt; WIDTH: 150px; FONT-FAMILY: Verdana" type="text" columnKey="actiontypeid"> <BR> Note: <INPUT id="igtbl_TextBox_1_1" style="FONT-SIZE: 8pt; WIDTH: 150px; FONT-FAMILY: Verdana" type="text" columnKey="note"> <BR> Date: <INPUT id="igtbl_TextBox_1_2" style="FONT-SIZE: 8pt; WIDTH: 150px; FONT-FAMILY: Verdana" type="text" columnKey="date"> <BR> <DIV style="FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: lightsteelblue" align="center" width="100%"><BR> <TABLE id="Table1" cellSpacing="0" cellPadding="0" width="250" border="0"> <TR> <TD style="FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-DECORATION: none" vAlign="top" align="right" width="91">Completed:</TD> <TD> <asp:RadioButtonList id="RadioButtonList1" runat="server" Font-Size="8pt" Font-Names="Verdana" Width="55px" Height="15px" columnKey="completed"> <asp:ListItem Value="1">Yes</asp:ListItem> <asp:ListItem Value="0">No</asp:ListItem> </asp:RadioButtonList> </TD> </TR> </TABLE> <BR> <INPUT id="igtbl_reOkBtn" style="FONT-SIZE: 8pt; WIDTH: 50px; FONT-FAMILY: Verdana; BACKGROUND-COLOR: beige" onclick="igtbl_gRowEditButtonClick(event);" type="button" value="OK"> <INPUT id="igtbl_reCancelBtn" style="FONT-SIZE: 8pt; WIDTH: 50px; FONT-FAMILY: Verdana; BACKGROUND-COLOR: beige" onclick="globalCancel=true; igtbl_gRowEditButtonClick(event);" type="button" value="Cancel"><BR> <BR> </DIV> </ROWEDITTEMPLATE>
This is the screen-shot:
Thanks, Ivan. Using the CSS style did not help, but I found what the problem was. My UltraWebGrid was surrounded by <igmisc:WebAsyncRefreshPanel> which had its width set to 80px for some reason. I changed it to 100% and it works fine now. Thank you for your time.
Hello,
You can use the CSS style and set width of <p> tag of RowEditTemplate
aspx declaration:<RowEditTemplate> <p align="right" style="width:300px">
Please take a look at the picture below:Hope this helps.