This is a migrated thread and some comments may be shown as answers.

[Solved] EditForm stretches grid columns

4 Answers 149 Views

Grid

This is a migrated thread and some comments may be shown as answers.

IQworks asked on 26 Mar 2009, 03:12 AM

Hi, http://www.mybodyscience.com/v01/telerik_Equipment.aspx
I have a radgrid where the cells stretch when the editform is called. I would like the grid header to remain the same as it is before the editform is called, like it is when the rows are listed. Anyway I can do that ? I have tried resizing, headerstyles, css, I am lost.

Here is the link (put this page up just for this post, the data is test data) :
Exercise Equipment Maintenance

And here is the code

thanks for your help

    
            <body id="iqmbsbody" runat="server" >   
        
                <form id="form1" runat="server">  
        
                <div> 
        
                </div> 
        
              <asp:ScriptManager ID="ScriptManager1" runat="server">  
        
                </asp:ScriptManager>    
        
                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel" runat="server" Transparency="20">  
        
                    <table style="width: 100%; height: 100%;">  
        
                        <tr style="height: 100%">  
        
                            <td align="center" valign="middle" style="width: 100%">  
        
                                <asp:Image ID="Image2" ImageUrl="/mybodyscience/iqimages/Loading_Images/loading3.gif" 
        
                                    BorderWidth="0px" Height="45px" Width="145px" AlternateText="Processing Data ...." 
        
                                    runat="server"></asp:Image> 
        
                            </td> 
        
                        </tr> 
        
                    </table> 
        
                </telerik:RadAjaxLoadingPanel> 
        
                <table style="width: 100%;">  
        
                    <tr> 
        
                        <td style="width: 33%;">  
        
                        </td> 
        
                        <td style="width: 33%; margin: 0px">  
        
                            <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel">  
        
                                <%-- <asp:Image ID="Image1" runat="server" ImageUrl=" /mybodyscience/iqimages/iqimage$/iStock_000003163184XSmall.jpg" 
        
                                    Height="135px" Width="398px" />--%> 
        
                                <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" AllowSorting="True" 
        
                                    GridLines="none" AutoGenerateDeleteColumn="false" EnableHeaderContextMenu="false" 
        
                                    AutoGenerateColumns="false" OnItemCommand="RadGrid1_ItemCommand" OnInsertCommand="RadGrid1_SaveData" 
        
                                    OnNeedDataSource="RadGrid1_NeedDataSource" OnUpdateCommand="RadGrid1_SaveData" 
        
                                    Skin="Office2007" OnItemDataBound="RadGrid1_ItemDataBound" ShowStatusBar="true" 
        
                                    PageSize="10" OnPreRender="RadGrid1_PreRender" OnItemCreated="RadGrid1_ItemCreated" 
        
                                    Width="398px" CssClass="MasterTable_Default">  
        
                                    <PagerStyle CssClass="iqBodyCompositionColors" Position="Bottom" AlwaysVisible="true" 
        
                                        VerticalAlign="Bottom" Mode="NextPrevAndNumeric" ForeColor="DarkBlue" /> 
        
                                    <StatusBarSettings LoadingText="Loading ..." ReadyText="Ready ..." /> 
        
                                    <ClientSettings> 
        
                                        <Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="230" /> 
        
                                    </ClientSettings> 
        
                                    <MasterTableView AutoGenerateColumns="False" CommandItemDisplay="Top" GridLines="None" 
        
                                        HeaderStyle-Wrap="false" NoMasterRecordsText="No Equipment entered as yet" DataKeyNames="equEquipmentNo" 
        
                                        TableLayout="Fixed">  
        
                                        <ItemStyle Font-Size="Small" ForeColor="#4E026E" BackColor="#FFE140" /> 
        
                                        <AlternatingItemStyle Font-Size="Small" BackColor="#FFE973" ForeColor="Black" /> 
        
                                        <%-- --%> 
        
                                        <CommandItemTemplate> 
        
                                            <div> 
        
                                                <asp:Image ID="Image1" runat="server" ImageUrl="/mybodyscience/iqimages/iqimage$/iStock_000003163184XSmall.jpg" 
        
                                                    Height="135px" Width="100%" /> 
        
                                            </div> 
        
                                            <div style="text-align: center; background-color: #996633; color: Blue; font-size: medium">  
        
                                                <asp:Label ID="capID" runat="server" BackColor="#996633" ForeColor="Yellow" Text="Add or Change Your Equipment Information" /> 
        
                                            </div> 
        
                                            <div style="background-color: Yellow; text-align: justify">  
        
                                                <asp:LinkButton Width="200px" Font-Size="small" ID="sequipAdd" runat="server" CommandName="InitInsert" 
        
                                                    Visible='<%# !RadGrid1.MasterTableView.IsItemInserted %>' ToolTip="Add New Equipment">                                          
        
                               <img style="border:0px" alt="" src="/mybodyscience/iqimages/trImages/AddRecord.gif" title="Add New Equipment"/>  
        
                                Add New Equipment</asp:LinkButton> 
        
                                                <%-- Refresh (sequipRefresh) needs CausesValidation="false" - If the Insert or   
        
                                    Edit Form is being displayed and you click refresh with no data in the   
        
                                    EquipmentName field In the Form, the RequiredFieldValidator   
        
                                    will not allow the Refresh to work --%> 
        
                                                <asp:LinkButton ID="LinkButton1" Width="161px" Font-Size="small" runat="server" CommandName="iqRefresh" 
        
                                                    CausesValidation="false" ToolTip="Start List At First Item">  
        
                                   <img style="border:0px" alt="" src="/mybodyscience/iqimages/trImages/Refresh.gif" title="Start List At First Item" /> 
        
                               Refresh List</asp:LinkButton> 
        
                                                <asp:Label ID="sequipHelp" Width="10px" Font-Size="small" runat="server">  
        
                                   <img style="border:0px" alt="" src="/mybodyscience/iqimages/trImages/Help.gif"   /> 
        
                                                </asp:Label> 
        
                                            </div> 
        
                                            <telerik:RadToolTip ID="RadToolTipGeneralHelp" runat="server" ManualClose="false" 
        
                                                TargetControlID="sequipHelp" RelativeTo="Element" MouseTrailing="true" Skin="Outlook" 
        
                                                Animation="None" Sticky="true" AutoCloseDelay="3000" Position="BottomLeft">  
        
                                                <div> 
        
                                                    <p style="text-align: center">  
        
                                                        <b>My Body Science - General Help</b> 
        
                                                    </p> 
        
                                                    <p> 
        
                                                        <b>Add New Equipment</b> - Click here to add additional Equipment that you use for<br> 
        
                                                        Exercise.  
        
                                                    </p> 
        
                                                    <p> 
        
                                                        <b>Refresh List</b> - Click here to view the list of Equipment from the beginning.  
        
                                                    </p> 
        
                                                    <p> 
        
                                                        <img style="border: 0px" alt="" src="/mybodyscience/iqimages/iqimage$/Delete.gif" /> 
        
                                                        - Click here to permanently Delete this piece of Equipment from your list.  
        
                                                    </p> 
        
                                                    <p> 
        
                                                        <img style="border: 0px" alt="" src="/mybodyscience/iqimages/iqimage$/Edit2.gif" /> 
        
                                                        - Click here to change the information about this piece of Equipment.  
        
                                                    </p> 
        
                                                    <p> 
        
                                                        <b>Name & Detail</b> - Position your mouse over the Name of the Equipment to see  
        
                                                        its<br> 
        
                                                        Detail Information.  
        
                                                    </p> 
        
                                                    <p> 
        
                                                        <img style="border: 0px" alt="" src="/mybodyscience/iqimages/trImages/Help.gif" /> 
        
                                                        - This is the <b>HELP link</b>. Position your mouse here see the help topic.<br> 
        
                                                        To close the help, move the mouse away and click.  
        
                                                    </p> 
        
                                                </div> 
        
                                            </telerik:RadToolTip> 
        
                                        </CommandItemTemplate> 
        
                                        <Columns> 
        
                                            <telerik:GridBoundColumn DataField="equMemberNo" HeaderText="MemberNo" ReadOnly="true" 
        
                                                UniqueName="equMemberNo" Visible="false" DataType="System.String">  
        
                                            </telerik:GridBoundColumn> 
        
                                            <telerik:GridBoundColumn DataField="equEquipmentNo" DataType="System.Int32" HeaderText="No" 
        
                                                UniqueName="equEquipmentNo" ReadOnly="true" Resizable="true" HeaderStyle-Wrap="false" 
        
                                                HeaderStyle-Width="20px">  
        
                                            </telerik:GridBoundColumn> 
        
                                            <telerik:GridBoundColumn DataField="equEquipmentName" DataType="System.String" HeaderText="Name :" 
        
                                                UniqueName="equEquipmentName" Visible="false">  
        
                                            </telerik:GridBoundColumn> 
        
                                            <%-- TTP Start--%> 
        
                                            <%-- --%> 
        
                                            <telerik:GridTemplateColumn HeaderText="Name & Detail">  
        
                                                <ItemTemplate> 
        
                                                    <div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">  
        
                                                        <asp:Label Font-Underline="true" ID="lblequEquipmentName" runat="server" Text='<%#Eval("equEquipmentName")%>'></asp:Label> 
        
                                                    </div> 
        
                                                    <telerik:RadToolTip ID="RadToolTip1" runat="server" ManualClose="false" TargetControlID="lblequEquipmentName" 
        
                                                        RelativeTo="Mouse" Skin="Outlook" Animation="None" Sticky="true" AutoCloseDelay="3000" 
        
                                                        Position="MiddleRight">  
        
                                                        <div style="background-color: Yellow; font-size: medium; color: Blue; font-weight: bolder">  
        
                                                            <asp:Label runat="server" Style="background-color: Yellow" ID="Label7" Text="Equipment Information"> </asp:Label> 
        
                                                            <br> 
        
                                                            <asp:Label runat="server" Style="background-color: Yellow" ID="Label6" Text="Name ..:"> </asp:Label> 
        
                                                            <asp:TextBox ID="eName" runat="server" TextMode="MultiLine" Width="200px" Rows="1" 
        
                                                                Wrap="true" ReadOnly="true" /> 
        
                                                            <%--  Equipment .:    
        
                                       <%# DataBinder.Eval(Container, "DataItem.equEquipmentName")%>--%> 
        
                                                            <br> 
        
                                                            <asp:Label runat="server" Style="background-color: Yellow" ID="Label9" Text="Locat ..:"> </asp:Label> 
        
                                                            <asp:TextBox ID="eLocation" runat="server" Width="200px" ReadOnly="true" /> 
        
                                                            <%--  Equipment .:    
        
                                       <%# DataBinder.Eval(Container, "DataItem.equLocationName")%>--%> 
        
                                                            <br> 
        
                                                            <asp:Label runat="server" Style="background-color: Yellow" ID="Label10" Text="Type ...:"> </asp:Label> 
        
                                                            <asp:TextBox ID="eType" runat="server" Width="200px" ReadOnly="true" /> 
        
                                                            <%--  Equipment .:    
        
                                       <%# DataBinder.Eval(Container, "DataItem.equTypeName")%>--%> 
        
                                                            <br> 
        
                                                            <asp:Label runat="server" Style="background-color: Yellow; overflow: hidden; text-overflow: ellipsis;  
        
                                                                white-space: nowrap;" ID="labell" Text="Make ...:"> </asp:Label> 
        
                                                            <asp:TextBox ID="eMake" runat="server" Width="200px" ReadOnly="true" /> 
        
                                                            <%--  Make ......:   
        
                                       <%# DataBinder.Eval(Container, "DataItem.equEquipmentMake")%>--%> 
        
                                                            <br> 
        
                                                            <asp:Label runat="server" Style="background-color: Yellow" ID="lbla" Text="Model .:"> </asp:Label> 
        
                                                            <asp:TextBox ID="eModel" runat="server" Width="200px" ReadOnly="true" /> 
        
                                                            <%-- Model .....:  
        
                                        <%# DataBinder.Eval(Container, "DataItem.equEquipmentModel")%>--%> 
        
                                                            <br> 
        
                                                            <asp:Label runat="server" Style="background-color: Yellow" ID="Label8" Text="GymID :"> </asp:Label> 
        
                                                            <asp:TextBox ID="eGymID" runat="server" Width="200px" ReadOnly="true" /> 
        
                                                            <%-- Gym id ....:  
        
                                        <%# DataBinder.Eval(Container, "DataItem.equEquipmentGymID")%>--%> 
        
                                                            <div> 
        
                                                                <asp:Label runat="server" Style="background-color: Yellow" ID="lblNotes" Text="Notes ..:"> </asp:Label> 
        
                                                                <asp:TextBox ID="enotes" runat="server" TextMode="MultiLine" Width="200px" Rows="3" 
        
                                                                    ReadOnly="true" /> 
        
                                                            </div> 
        
                                                            <%-- <%# DataBinder.Eval(Container, "DataItem.equEquipmentNotes")%> --%> 
        
                                                            Created ...:  
        
                                                            <%# DataBinder.Eval(Container, "DataItem.equDateCreated")%> 
        
                                                            <br> 
        
                                                            Changed .:  
        
                                                            <%# DataBinder.Eval(Container, "DataItem.equDateCreated")%> 
        
                                                        </div> 
        
                                                    </telerik:RadToolTip> 
        
                                                </ItemTemplate> 
        
                                            </telerik:GridTemplateColumn> 
        
                                            <%-- TTP End--%> 
        
                                            <telerik:GridBoundColumn DataField="equEquipmentLocNo" HeaderText="Location :" UniqueName="equEquipmentLocNo" 
        
                                                Visible="false" DataType="System.Int32">  
        
                                            </telerik:GridBoundColumn> 
        
                                            <%-- <telerik:GridBoundColumn DataField="equLocationName" HeaderText="LocationName" UniqueName="equLocationName" 
        
                                                ReadOnly="true"   Resizable="false" ItemStyle-Wrap="false">  
        
                                            </telerik:GridBoundColumn> --%> 
        
                                            <telerik:GridTemplateColumn HeaderText="Location" HeaderStyle-Width="92px" Resizable="false">  
        
                                                <ItemTemplate> 
        
                                                    <div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">  
        
                                                        <asp:Label  ID="lblequLocationName" runat="server" Text='<%#Eval("equLocationName")%>'></asp:Label> 
        
                                                    </div> 
        
                                                </ItemTemplate> 
        
                                            </telerik:GridTemplateColumn> 
        
                                            <%--   <telerik:GridBoundColumn DataField="equTypeName" HeaderText="TypeName" UniqueName="equTypeName" 
        
                                            ReadOnly="true">   
        
                                        </telerik:GridBoundColumn>--%> 
        
                                            <%-- <telerik:GridBoundColumn DataField="equEquipmentMake" DataType="System.String" HeaderText="Make" 
        
                                               UniqueName="equEquipmentMake"    Resizable="false" > 
        
                                                <ItemStyle Wrap="true" />   
        
                                            </telerik:GridBoundColumn> --%> 
        
                                            <telerik:GridTemplateColumn HeaderText="Make" HeaderStyle-Width="92px" Resizable="false">  
        
                                                <ItemTemplate> 
        
                                                    <div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">  
        
                                                        <asp:Label  ID="lblequEquipmentMake" runat="server" Text='<%#Eval("equEquipmentMake")%>'></asp:Label> 
        
                                                    </div> 
        
                                                </ItemTemplate> 
        
                                            </telerik:GridTemplateColumn> 
        
                                            <telerik:GridBoundColumn DataField="equEquipmentModel" DataType="System.String" HeaderText="Model" 
        
                                                UniqueName="equEquipmentModel" Visible="false">  
        
                                            </telerik:GridBoundColumn> 
        
                                            <telerik:GridBoundColumn DataField="equEquipmentGymID" DataType="System.String" HeaderText="Any Gym ID" 
        
                                                UniqueName="equEquipmentGymID" Visible="false">  
        
                                            </telerik:GridBoundColumn> 
        
                                            <telerik:GridBoundColumn DataField="equEquipmentNotes" DataType="System.String" HeaderText="Notes" 
        
                                                UniqueName="equEquipmentNotes" Visible="false">  
        
                                            </telerik:GridBoundColumn> 
        
                                            <telerik:GridButtonColumn CommandName="Delete" ButtonType="ImageButton" ImageUrl="/mybodyscience/iqimages/iqimage$/Delete.gif" 
        
                                                HeaderStyle-Width="20px" Resizable="false" UniqueName="DeleteColumn" ItemStyle-HorizontalAlign="Center">  
        
                                                <ItemStyle HorizontalAlign="Center" /> 
        
                                            </telerik:GridButtonColumn> 
        
                                            <telerik:GridEditCommandColumn HeaderStyle-Width="20px" ButtonType="ImageButton" 
        
                                                UniqueName="iqEditColumn" Resizable="false" EditImageUrl="/mybodyscience/iqimages/iqimage$/Edit2.gif">  
        
                                            </telerik:GridEditCommandColumn> 
        
                                        </Columns> 
        
                                        <EditFormSettings EditFormType="Template">  
        
                                            <FormStyle BackColor="#996633" ForeColor="Yellow" /> 
        
                                            <FormTemplate> 
        
                                                <%--  <table id="Table2" cellspacing="0" cellpadding="0" width="100%" border="0"     
        
                                                    style="border-collapse: collapse; background: white; font-size: small"> --%> 
        
                                                <div style="left: 5px">  
        
                                                    <!-- Outer div --> 
        
                                                    <div style="text-align: center; font-size: medium; width: 100%">  
        
                                                        <asp:Label ID="lblTitle" runat="server" Width="358px" Font-Bold="true" /> 
        
                                                        <asp:Label ID="seFormHelp" Width="10" Font-Size="medium" ForeColor="Yellow" Font-Bold="true" 
        
                                                            runat="server">  
        
                                                       <img style="border:0px; " alt="Help" src="/mybodyscience/iqimages/trImages/Help.gif"   /> 
        
                                                        </asp:Label> 
        
                                                        <telerik:RadToolTip ID="RadToolTipFormHelp" runat="server" ManualClose="true" TargetControlID="seFormHelp" 
        
                                                            Position="MiddleLeft" RelativeTo="Element" Skin="Outlook" Animation="None" Sticky="true" 
        
                                                            AutoCloseDelay="3000">  
        
                                                            <div> 
        
                                                                <p style="text-align: center">  
        
                                                                    <b>Maintain Equipment Information </b> 
        
                                                                </p> 
        
                                                                <p style="text-align: left">  
        
                                                                    <b>Name </b>- Give this Equipment a Name. An Example could be "Row Machine".<br> 
        
                                                                    You may use different Row Machines. So, the first one could be Row Machine 1.  
        
                                                                </p> 
        
                                                                <p style="text-align: left">  
        
                                                                    <b>Location </b>- From your Exercise Location list, choose the location where<br> 
        
                                                                    this equipment is. If you have not entered any of your Exercise Locations<br> 
        
                                                                    , you can go to the Exercise Location page and enter your Exercise Locations.  
        
                                                                </p> 
        
                                                                <p style="text-align: left">  
        
                                                                    <b>Type </b>- From your Type list, choose the Type of Exercise Equipemnt this is.<br> 
        
                                                                    If you have not entered any of your Types, you can go to the Type Maintenance<br> 
        
                                                                    page and enter your Types. Some Examples of Types could be "Cardio Equipment"  
        
                                                                    <br> 
        
                                                                    , "Hiking Equipment" or "Exercise Clothing".  
        
                                                                </p> 
        
                                                                <p style="text-align: left">  
        
                                                                    <b>Make and Model </b>- You can enter the Make and Manufacturer Model if you  
        
                                                                    <br> 
        
                                                                    like.  
        
                                                                </p> 
        
                                                                <p style="text-align: left">  
        
                                                                    <b>Gym ID </b>- In some gyms and fitness centers, they put information to identify<br> 
        
                                                                    that piece of equipment. Most of the time it will be a number. You can put that  
        
                                                                    <br> 
        
                                                                    information here. It helps if a facility has more than one of the same piece of  
        
                                                                    Equipment.<br> 
        
                                                                    Even though Equipment may be the same, sometimes they may be calibrated differently,  
        
                                                                    <br> 
        
                                                                    or, one may work better than another for you.<br> 
        
                                                                    It also helps if you need to remember which Equipment you use in a facility.  
        
                                                                </p> 
        
                                                                <p style="text-align: left">  
        
                                                                    <b>Notes</b>- Note any information that is important to you about this Equipment<br> 
        
                                                                </p> 
        
                                                                <p style="text-align: left">  
        
                                                                    <b>Save </b>- Click this to Save your Information.<br> 
        
                                                                </p> 
        
                                                                <p style="text-align: left">  
        
                                                                    <b>Cancel</b>- Cancel your current request to Add or Update Equipment information.<br> 
        
                                                                </p> 
        
                                                                <p style="text-align: left">  
        
                                                                    <img style="border: 0px" alt="" src="/mybodyscience/iqimages/trImages/Help.gif" /> 
        
                                                                    - This is the <b>HELP link</b>. Position your mouse here see the help topic.<br> 
        
                                                                    To close the help, move the mouse away and click.  
        
                                                                </p> 
        
                                                            </div> 
        
                                                        </telerik:RadToolTip> 
        
                                                    </div> 
        
                                                    <div> 
        
                                                        <asp:TextBox ID="TextBox1" Width="0px" runat="server" Text='<%# Bind( "equEquipmentNo") %>' 
        
                                                            Visible="false" /> 
        
                                                    </div> 
        
                                                    <br> 
        
                                                    <div style="margin-left: 5px; font-size: medium">  
        
                                                        <asp:Label ID="Label1" runat="server" Text="Name .....:" ToolTip="Equipment Name " 
        
                                                            Width="85px" Font-Bold="true" /> 
        
                                                        <asp:TextBox ID="sEquipmentName" Width="250px" MaxLength="50" runat="server" Text='<%# Bind( "equEquipmentName") %>' /> 
        
                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="sEquipmentName" 
        
                                                            Text="!" ErrorMessage="You Need Equipment Name" runat="server">  
        
                                                        </asp:RequiredFieldValidator> 
        
                                                    </div> 
        
                                                    <br> 
        
                                                    <div style="margin-left: 5px; font-size: medium">  
        
                                                        <asp:TextBox ID="sequEquipmentLocNo" Width="0px" runat="server" Text='<%# Bind( "equEquipmentLocNo") %>' 
        
                                                            Visible="false" Font-Bold="true" /> 
        
                                                        <asp:Label ID="Labeltyp1" runat="server" Text="Location .:" ToolTip="Select Equipment Location " 
        
                                                            Width="85px" Font-Bold="true" /> 
        
                                                        <asp:DropDownList ID="equEquipmentddl" runat="server" AppendDataBoundItems="True">  
        
                                                            <asp:ListItem Selected="True" Text="Select" Value=""></asp:ListItem> 
        
                                                        </asp:DropDownList> 
        
                                                    </div> 
        
                                                    <br> 
        
                                                    <div style="margin-left: 5px; font-size: medium">  
        
                                                        <asp:TextBox ID="sequEquipmentTypeNo" Width="0px" runat="server" Text='<%# Bind( "equEquipmentTypeNo") %>' 
        
                                                            Visible="false" /> 
        
                                                        <asp:Label ID="Label2" runat="server" Text="Type ......:" ToolTip="Select Equipment Type " 
        
                                                            Width="85px" Font-Bold="true" /> 
        
                                                        <asp:DropDownList ID="equEquipmentTypeddl" runat="server" AppendDataBoundItems="True">  
        
                                                            <asp:ListItem Selected="True" Text="Select" Value=""></asp:ListItem> 
        
                                                        </asp:DropDownList> 
        
                                                    </div> 
        
                                                    <br> 
        
                                                    <div style="margin-left: 5px; font-size: medium">  
        
                                                        <asp:Label ID="Label3" runat="server" Text="Make ......:" ToolTip="Equipment Make " 
        
                                                            Width="85px" Font-Bold="true" /> 
        
                                                        <asp:TextBox ID="sequEquipmentMake" Width="250px" MaxLength="30" runat="server" Text='<%# Bind( "equEquipmentMake") %>' /> 
        
                                                    </div> 
        
                                                    <br> 
        
                                                    <div style="margin-left: 5px; font-size: medium">  
        
                                                        <asp:Label ID="Label4" runat="server" Text="Model .....:" ToolTip="Equipment Model " 
        
                                                            Width="85px" Font-Bold="true" /> 
        
                                                        <asp:TextBox ID="sequEquipmentModel" Width="250px" MaxLength="30" runat="server" 
        
                                                            Text='<%# Bind( "equEquipmentModel") %>' /> 
        
                                                    </div> 
        
                                                    <br> 
        
                                                    <div style="margin-left: 5px; font-size: medium">  
        
                                                        <asp:Label ID="Labgid" runat="server" Text="GymID ...:" ToolTip="Sometimes in a Gym, they label the equipment with a number or other ID" 
        
                                                            Width="85px" Font-Bold="true" /> 
        
                                                        <asp:TextBox ID="sequEquipmentGymID" Width="250px" MaxLength="15" runat="server" 
        
                                                            Text='<%# Bind( "equEquipmentGymID") %>' /> 
        
                                                    </div> 
        
                                                    <br> 
        
                                                    <div style="margin-left: 5px; font-size: medium">  
        
                                                        <asp:Label ID="Label5" runat="server" Text="Notes .....:" ToolTip="Any notes or comments about this Piece of Equipment" 
        
                                                            Width="85px" Font-Bold="true" /> 
        
                                                        <asp:TextBox TextMode="MultiLine" ID="sequEquipmentNotes" Width="250px" MaxLength="100" 
        
                                                            runat="server" Text='<%# Bind( "equEquipmentNotes") %>' /> 
        
                                                    </div> 
        
                                                    <br> 
        
                                                    <div style="text-align: center">  
        
                                                        <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Save" : "Save" %>' 
        
                                                            runat="server" OnClientClick="ShowTooltip()" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>  
        
                                                        </asp:Button>&nbsp;  
        
                                                        <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" 
        
                                                            CommandName="Cancel" OnClientClick="HideTooltip()"></asp:Button> 
        
                                                    </div> 
        
                                                </div> 
        
                                                <!-- Outer div --> 
        
                                                <%--  </table> --%> 
        
                                            </FormTemplate> 
        
                                        </EditFormSettings> 
        
                                    </MasterTableView> 
        
                                </telerik:RadGrid> 
        
                            </telerik:RadAjaxPanel> 
        
                        </td> 
        
                        <td style="width: 33%">  
        
                            &nbsp;  
        
                        </td> 
        
                    </tr> 
        
                </table> 
        
                <telerik:RadToolTip runat="server" ID="RadToolTip1" Position="Center" HideEvent="ManualClose" 
        
                    Skin="SkyBlue" ShowEvent="FromCode" IsClientID="true" Width="300px" OnClientBeforeShow="CheckIfShow" 
        
                    TargetControlID="btnUpdate">  
        
                    <asp:ValidationSummary ID="ValidationSummary1" runat="server" /> 
        
                </telerik:RadToolTip> 
        
             </form> 
        
            </body>

4 Answers, 1 is accepted

answered on 31 Mar 2009, 02:09 PM

Hello David,

The described behavior is expected, because of the TableLayout="fixed" setting. If you need MasterTableView to be fixed you should set HeaderStyle-Width.

The code below shows what I mean:

    
                    <MasterTableView AutoGenerateColumns="False" CommandItemDisplay="Top" GridLines="None" 
        
                        HeaderStyle-Wrap="false" NoMasterRecordsText="No Equipment entered as yet" DataKeyNames="CustomerID" 
        
                        TableLayout="Fixed" HeaderStyle-Width="60px">

The other solution is to set TableLayout to "Auto" and not apply columns width.

Regards,
Georgi Krustev
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

answered on 07 Apr 2009, 02:13 PM

Hi Georgi,
    After working with your suggestions, here is what we found.
    We use "TableLayout="Fixed" and we get this :
    With TableLayout=Fixed
    We use "TableLayout="Auto" and we get this:
    With TableLayout="Auto"
    And here is an example from your Telerik Grid Example's page that seems to have a similar issue:
    Telerick Example with similar issue    (Even with this issue, this is a great example - Once we can make grids that look like this, we may not have arrived, but we will certainly be in the nieghborhood :-) )

     Your product is great.

     I think though that we may need more than 15 days for a support extension on our trial version if possible ?

     Thanks,
     David