[Solved] Hide paging

[John Reid]

Hi -

I use the following code to implement add/ insert with FormTemplate and EditFormSetting. Everything work well but I would like to hide the paging when the user is in "Add or Insert mode". The goal is to give the appearance that the grid is completely hidden when in these modes. The header disappears but not the footer paging.

Thanks in advance

<telerik:RadGrid ID="CustomerListGrid" runat="server"
    GridLines="None"
    Width="100%"
    AllowPaging="True"
    ShowGroupPanel="False"
    PageSize="10"
    EnableAJAX="True"
    AllowCustomPaging ="True"
    EditMode="EditForms"
    ShowHeader="false"
    AllowAutomaticInserts="false"
    AllowAutomaticUpdates="false"
    AllowAutomaticDeletes="false"
    >
<GroupingSettings GroupByFieldsSeparator=", " />
<ClientSettings Resizing-AllowColumnResize="true"></ClientSettings>
<MasterTableView AutoGenerateColumns="False" EditMode="EditForms" DataKeyNames="LocationId" Width="100%" CommandItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage" >
<CommandItemSettings AddNewRecordText="Add a store..."  />
<GroupByExpressions>
     <telerik:GridGroupByExpression>
       <SelectFields >
          <telerik:GridGroupByField
            FieldName="Country"
            HeaderText="Country" />
            <telerik:GridGroupByField
            FieldName="CountryCode"
            HeaderText=" " HeaderValueSeparator="" />
       </SelectFields>
       <GroupByFields>
          <telerik:GridGroupByField
             FieldName="Country"
             SortOrder="Ascending" />
       </GroupByFields>
     </telerik:GridGroupByExpression>
   </GroupByExpressions>
<RowIndicatorColumn Visible="False">
<HeaderStyle></HeaderStyle>
</RowIndicatorColumn>
<ExpandCollapseColumn Visible="False" Resizable="False">
<HeaderStyle></HeaderStyle>
</ExpandCollapseColumn>
<PagerStyle Mode="Slider" />
    <Columns>
    <telerik:GridTemplateColumn HeaderText=""  UniqueName="NameColumn" HeaderStyle-Width="90%" itemStyle-Width="90%">
        <ItemTemplate>
            <table cellpadding="2" cellspacing="0">
                <tr>
                    <td>
                        <table cellpadding="0" cellspacing="0">
                            <tr>
                                <td class="form_label" ><asp:Literal runat="server"  Text='<%# Eval("CustomerName")%>'></asp:Literal></td>
                                <td class="gridData" >
                                    <asp:Literal ID="Literal7" runat="server"
                                    Text='<%# String.Format( "{0}, {1}, {2}", Eval("City"),Eval("Province"),Eval("Address1"))%>'></asp:Literal>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </ItemTemplate>
    </telerik:GridTemplateColumn>
    <telerik:GridEditCommandColumn UniqueName="EditColumn" ButtonType="ImageButton" EditImageUrl="~/Netcast/Images/Edit.gif" EditText="Edit" >
        <ItemStyle Width="20px"  HorizontalAlign="Center" />
        <HeaderStyle Width="20px" />
    </telerik:GridEditCommandColumn>
    <telerik:GridButtonColumn CommandName="Delete" Text="Delete"
    UniqueName="DeleteColumn"
    ButtonType="ImageButton" ImageUrl="/Images/Delete.gif"
    ConfirmText="Are you sure you want to delete this store?"
    ConfirmDialogType="RadWindow"
    >
        <ItemStyle Width="20px"  HorizontalAlign="Center" />
        <HeaderStyle Width="20px" />
    </telerik:GridButtonColumn>
    </Columns>
<EditFormSettings EditFormType="Template">
<FormTemplate>
     <asp:Panel runat="server" ID="panelTemplate">
            <table cellpadding="4" cellspacing="0" >
                <tr align="left">
                    <td align="right" class="form_label">
                        Customer #:
                    </td>
                    <td align="left">
                        <telerik:RadNumericTextBox ID="numtbCustomerNumber" Width="18em" runat="server" Type="Number" MinValue="0" NumberFormat-DecimalDigits="0" NumberFormat-GroupSeparator=""  DBValue='<%# Bind("CustomerNumber") %>' >
                        </telerik:RadNumericTextBox>
                        <asp:RequiredFieldValidator ID="reqavlCustomerNumber" runat="server" ControlToValidate="numtbCustomerNumber" Display="None" ErrorMessage="Invalid customer number">
                        </asp:RequiredFieldValidator>
                        <cc1:ValidatorCalloutExtender runat="server" ID="reqavlCustomerNumberEx" TargetControlID="reqavlCustomerNumber" highlightcssclass="validatorCalloutHighlight"></cc1:ValidatorCalloutExtender>
                    </td>
                    <td align="right" class="form_label">
                        Name:
                    </td>
                    <td align="left" colspan="3">
                        <telerik:RadTextBox Width="32em" MaxLength="255"  ID="tbCustomerName" runat="server" Text='<%# Bind("CustomerName") %>' >
                        </telerik:RadTextBox>
                        <asp:RequiredFieldValidator ID="reqavlCustomerName" runat="server" ControlToValidate="tbCustomerName" Display="None" ErrorMessage="Invalid customer name">
                        </asp:RequiredFieldValidator>
                        <cc1:ValidatorCalloutExtender runat="server" ID="reqavlCustomerNameEx" TargetControlID="reqavlCustomerName" highlightcssclass="validatorCalloutHighlight" ></cc1:ValidatorCalloutExtender>
                    </td>
                    <td></td>
                </tr>
                <tr align="left">
                    <td align="right" class="form_label" >
                        Country:
                    </td>
                    <td>
                        <telerik:RadComboBox
                        runat="server" ID="cmbCountries"

                        DataValueField="ID"
                        DataTextField="Name"
                        Width="18em"
                        AppendDataBoundItems="true"
                        >
                            <Items>
                                <telerik:RadComboBoxItem Text="" Value="" />
                            </Items>
                        </telerik:RadComboBox>
                        <asp:RequiredFieldValidator ID="reqValCountry" runat="server"  ControlToValidate="cmbCountries" Display="None" InitialValue="" ErrorMessage="Invalid Country" />
                        <cc1:ValidatorCalloutExtender id="reqValCountryEx" runat="server" targetcontrolid="reqValCountry" highlightcssclass="validatorCalloutHighlight" enableviewstate="true"  />
                    </td>
                    <td align="right" class="form_label">
                        Name 2:
                    </td>
                    <td align="left" colspan="3">
                        <telerik:RadTextBox Width="32em" MaxLength="250"  ID="tbName2" runat="server" Text='<%# Bind("Name2") %>' >
                        </telerik:RadTextBox>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td align="right" class="form_label" >
                        City:
                    </td>
                    <td align="left">
                        <telerik:RadTextBox Width="18em" MaxLength="255"  ID="tbCity" runat="server" Text='<%# Bind("City") %>' >
                        </telerik:RadTextBox>
                        <asp:RequiredFieldValidator ID="reqValCity" runat="server" ControlToValidate="tbCity" Display="None" ErrorMessage="City  is required">
                        </asp:RequiredFieldValidator>
                        <cc1:ValidatorCalloutExtender runat="server" ID="reqValCityE" TargetControlID="reqValCity" highlightcssclass="validatorCalloutHighlight" ></cc1:ValidatorCalloutExtender>
                    </td>
                    <td align="right" class="form_label" >
                        Province:
                    </td>
                    <td>
                        <telerik:RadTextBox Width="15em" MaxLength="255" ID="tbStateProvince" runat="server" Text='<%# Bind("Province") %>' >
                        </telerik:RadTextBox>
                    </td>
                    <td align="right" class="form_label" >
                        Zip/Postal:
                    </td>
                    <td align="left">
                        <telerik:RadTextBox Width="10em"  ID="tbPostalZip" MaxLength="50" runat="server" Text='<%# Bind("PostalCode") %>' >
                        </telerik:RadTextBox>
                        <asp:RequiredFieldValidator ID="reqValPostalZip" runat="server" ControlToValidate="tbPostalZip" Display="None" ErrorMessage="Zip/Postal  is required">
                        </asp:RequiredFieldValidator>
                        <cc1:ValidatorCalloutExtender runat="server" ID="reqValPostalZipE" TargetControlID="reqValPostalZip" highlightcssclass="validatorCalloutHighlight" ></cc1:ValidatorCalloutExtender>

                        <asp:RegularExpressionValidator ID="regExValPostalZip" runat="server"  ControlToValidate="tbPostalZip" ValidationExpression="^((\d+)(-(\d+))?)$" Display="None" ErrorMessage="Invalid Zip/Postal"  />
                        <cc1:ValidatorCalloutExtender id="regExValPostalZipE" runat="server" targetcontrolid="regExValPostalZip" highlightcssclass="validatorCalloutHighlight" enableviewstate="true"  />

                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td align="right" class="form_label">
                        Address1:
                    </td>
                    <td align="left" colspan="5">
                        <telerik:RadTextBox Width="56.25em" MaxLength="400"  ID="tbAddress1" runat="server" Text='<%# Bind("Address1") %>' >
                        </telerik:RadTextBox>
                        <asp:RequiredFieldValidator ID="reqValAddress1" runat="server" ControlToValidate="tbAddress1" Display="None" ErrorMessage="Address1 is required">
                        </asp:RequiredFieldValidator>
                        <cc1:ValidatorCalloutExtender runat="server" ID="reqValAddress1E" TargetControlID="reqValAddress1" highlightcssclass="validatorCalloutHighlight" ></cc1:ValidatorCalloutExtender>

                    </td>

                    <td></td>
                </tr>
                <tr>
                    <td align="right" class="form_label">
                        Address2:
                    </td>
                    <td align="left" colspan="5">
                        <telerik:RadTextBox Width="56em" MaxLength="400"  ID="tbAddress2" runat="server" Text='<%# Bind("Address2") %>' >
                        </telerik:RadTextBox>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td align="right" class="form_label">
                        Address3:
                    </td>
                    <td align="left" colspan="5">
                        <telerik:RadTextBox Width="56em" MaxLength="400"  ID="tbAddress3" runat="server" Text='<%# Bind("Address3") %>' >
                        </telerik:RadTextBox>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td align="right" class="form_label" >
                        Phone:
                    </td>
                    <td align="left">
                        <telerik:RadTextBox Width="18em" MaxLength="255"  ID="tbPhone1" runat="server" Text='<%# Bind("Phone1") %>' >
                        </telerik:RadTextBox>
                    </td>
                    <td align="right" class="form_label" >
                        Phone 2:
                    </td>
                    <td>
                        <telerik:RadTextBox Width="15em" MaxLength="255" ID="tbPhone2" runat="server" Text='<%# Bind("Phone2") %>' >
                        </telerik:RadTextBox>
                    </td>
                    <td align="right" class="form_label" >
                        Fax:
                    </td>
                    <td align="left">
                        <telerik:RadTextBox Width="10em"  ID="tbFax" MaxLength="50" runat="server" Text='<%# Bind("Fax") %>' >
                        </telerik:RadTextBox>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td align="right" class="form_label" >
                        Email:
                    </td>
                    <td>
                        <telerik:RadTextBox Width="18em" MaxLength="250"  ID="tbEmail" runat="server" Text='<%# Bind("Email") %>' >
                        </telerik:RadTextBox>
                    </td>
                    <td align="right" class="form_label">
                        Website:
                    </td>
                    <td align="left" colspan="3">
                        <telerik:RadTextBox Width="32em" MaxLength="250"  ID="tbWebSite" runat="server" Text='<%# Bind("WebSite") %>' >
                        </telerik:RadTextBox>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td align="right" class="form_label" >
                        Longitude:
                    </td>
                    <td>
                        <telerik:RadNumericTextBox ID="numtbLongitude" Width="15em" runat="server" Type="Number" MaxValue="180" MinValue="-180" NumberFormat-DecimalDigits="8"  DBValue='<%# Bind("Longitude") %>' >
                        </telerik:RadNumericTextBox>
                         <asp:RequiredFieldValidator ID="reqValLongitude" runat="server" ControlToValidate="numtbLongitude" Display="None" ErrorMessage="Longitude is required">
                        </asp:RequiredFieldValidator>
                        <cc1:ValidatorCalloutExtender runat="server" ID="reqValLongitudeE" TargetControlID="reqValLongitude" highlightcssclass="validatorCalloutHighlight" ></cc1:ValidatorCalloutExtender>

                    </td>
                    <td align="right" class="form_label">
                        Latitude:
                    </td>
                    <td align="left" colspan="3">
                        <telerik:RadNumericTextBox ID="numtbLatitude" Width="15em" runat="server" Type="Number" MaxValue="90" MinValue="-90" NumberFormat-DecimalDigits="8" DBValue='<%# Bind("Latitude") %>'>
                        </telerik:RadNumericTextBox>
                         <asp:RequiredFieldValidator ID="reqValLatitude" runat="server" ControlToValidate="numtbLatitude" Display="None" ErrorMessage="Latitude is required">
                        </asp:RequiredFieldValidator>
                        <cc1:ValidatorCalloutExtender runat="server" ID="reqValLatitudeE" TargetControlID="reqValLatitude" highlightcssclass="validatorCalloutHighlight" ></cc1:ValidatorCalloutExtender>
                    </td>
                    <td></td>
                </tr>
                <tr>

                    <td align="left" colspan="6">
                                    <asp:Button ID="btnUpdate" Text='<%# IF((CustomerListGrid.MasterTableView.IsItemInserted) , "Insert", "Update") %>'
                                        runat="server" CommandName='<%# IF((CustomerListGrid.MasterTableView.IsItemInserted), "PerformInsert", "Update") %>'>
                                    </asp:Button>&nbsp;
                    <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel"></asp:Button>
                    </td>
                     <td></td>
                </tr>
            </table>
            </asp:Panel>
</FormTemplate>
</EditFormSettings>
</MasterTableView>
</telerik:RadGrid>

[Shinu]

Hello John,

You can try the following code in order to hide the pager item when grid is in insert mode.

C#:

    protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
    {
        if (e.Item.OwnerTableView.IsItemInserted && e.Item is GridPagerItem)
        {
            GridPagerItem pagerItem = (GridPagerItem)e.Item;
            pagerItem.Display = false;
        }
    }

All the best,
Shinu.