Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 289
  • Last Modified:

change <EditItemTemplate>'s text box width???

I have a datagrid with edit/update/cancel template. The datagrid has autogeneratecolumn property set. The only one template columns are edit and delete link buttons. When pressing Edit, the edit text boxes appears. However, those edit boxes make my table too big. I would just like to change the witdh of those edit text boxes. Would it be that possible to do and how. I appriciate greatly any help . Here are my codes..
Thanks..
<asp:datagrid id="XmlDataGrid" runat="server" BorderColor="#999999" BorderStyle="None" BorderWidth="1px"
                                                                              BackColor="White" CellPadding="3" GridLines="Vertical" AllowSorting="True" OnSortCommand="SortGrid"
                                                                              OnDeleteCommand="doDelete" OnEditCommand="doEdit" OnCancelCommand="doCancel" OnUpdateCommand="doUpdate">
                                                                              <SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#008A8C"></SelectedItemStyle>
                                                                              <AlternatingItemStyle BackColor="Gainsboro"></AlternatingItemStyle>
                                                                              <ItemStyle ForeColor="Black" BackColor="#EEEEEE"></ItemStyle>
                                                                              <HeaderStyle Font-Bold="True" HorizontalAlign="Center" ForeColor="White" BackColor="#000084"></HeaderStyle>
                                                                              <FooterStyle ForeColor="Black" BackColor="#CCCCCC"></FooterStyle>
                                                                              <Columns>
                                                                                    <asp:TemplateColumn>
                                                                                          <ItemTemplate>
                                                                                                <asp:LinkButton runat="server" Text="Edit" CommandName="Edit" CausesValidation="false"></asp:LinkButton>
                                                                                          </ItemTemplate>
                                                                                          <EditItemTemplate>
                                                                                                <asp:LinkButton runat="server" Text="Update" CommandName="Update"></asp:LinkButton>&nbsp;
                                                                                                <asp:LinkButton runat="server" Text="Cancel" CommandName="Cancel" CausesValidation="false"></asp:LinkButton>
                                                                                          </EditItemTemplate>
                                                                                    </asp:TemplateColumn>
                                                                                    <asp:TemplateColumn HeaderText="Delete">
                                                                                          <ItemStyle HorizontalAlign="Center"></ItemStyle>
                                                                                          <ItemTemplate>
                                                                                                <asp:LinkButton Runat="server" Text="Delete" CommandName="Delete" ID="Linkbutton1" NAME="Linkbutton1"></asp:LinkButton>
                                                                                          </ItemTemplate>
                                                                                    </asp:TemplateColumn>
                                                                              </Columns>
                                                                        </asp:datagrid>
0
Carl3003
Asked:
Carl3003
1 Solution
 
AerosSagaCommented:
In order to to contro the width I think you will need to create the columns on your own instead of letting VS do it for you.

Regards,

Aeros
0
 
jnhorstCommented:
Agreed. Create the columns manually and set their widths however you want them.  You will have to create the EditItemTemplates for each, and this means adding a textbox for each.  Give the textbox an id and set the width property to "100%".  This will make the textbox fill whatever width you gave to the template column.

John
0
 
Carl3003Author Commented:
I have tried this way, it works very well;however, i am adding programatically datacolumns to the dataset and if i use manual EditItemtemplate for each just added column i have to manually add a new EditItemTemplate. IF i use autogenaratecolumns property i dont have to add manually new columns.But thanks any way. I wil try to go around.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

Tackle projects and never again get stuck behind a technical roadblock.
Join Now