Problem with GridButtonColumn with Static headers

2 posts, 0 answers
  1. Andy Green
    Andy Green avatar
    376 posts
    Member since:
    Aug 2008

    Posted 17 Apr 2018 Link to this post

    Hi

    Below is a snippet of markup from a RadGrid. These colunms do not show when I have UseStaticHeader=true.

    Andy Ideas.

    Andy

    <telerik:RadGrid
        ID="rdDashboard"
        runat="server"
        AutoGenerateColumns="False"
        EnableEmbeddedSkins="False"
        Skin="Activity"
        GridLines="None"
        EnableViewState="true"
        GroupingSettings-CaseSensitive="false"
       ClientSettings-Scrolling-UseStaticHeaders="true"
        ClientSettings-Scrolling-AllowScroll="true"
        Height="730px"
        >
     
        <MasterTableView DataKeyNames="ID">
            <Columns>
                <telerik:GridBoundColumn DataField="ID" UniqueName="ID" Visible="false" SortExpression="ID" HeaderText=" … "></telerik:GridBoundColumn>
                <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="AppointmentEdit" UniqueName="AppointmentEdit">
                    <HeaderStyle Width="1px" />
                    <ItemStyle Width="1px" />
                </telerik:GridButtonColumn>
                <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="ViewDemog" UniqueName="ViewDemog" SortExpression="Demog" HeaderText=" … ">
                    <HeaderStyle Width="1px" />
                    <ItemStyle Width="1px" />
                </telerik:GridButtonColumn>
                <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="IsVulnerable" UniqueName="IsVulnerable">
                    <HeaderStyle Width="1px" />
                    <ItemStyle Width="1px" />
                </telerik:GridButtonColumn>
                <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="VisuallyImpaired" UniqueName="VisuallyImpaired">
                    <HeaderStyle Width="1px" />
                    <ItemStyle Width="1px" />
                </telerik:GridButtonColumn>
                <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="HearingImpaired" UniqueName="HearingImpaired">
                    <HeaderStyle Width="1px" />
                    <ItemStyle Width="1px" />
                </telerik:GridButtonColumn>
                <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Transport" UniqueName="Transport">
                    <HeaderStyle Width="1px" />
                    <ItemStyle Width="1px" />
                </telerik:GridButtonColumn>
                <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Porter" UniqueName="Porter">
                    <HeaderStyle Width="1px" />
                    <ItemStyle Width="1px" />
                </telerik:GridButtonColumn>
                <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Interpreter" UniqueName="Interpreter">
                    <HeaderStyle Width="1px" />
                    <ItemStyle Width="1px" />
                </telerik:GridButtonColumn>
                <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="ReceptionAlert" UniqueName="ReceptionAlert">
                    <HeaderStyle Width="1px" />
                    <ItemStyle Width="1px" />
                </telerik:GridButtonColumn>
                <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="PASAlert" UniqueName="PASAlert">
                    <HeaderStyle Width="1px" />
                    <ItemStyle Width="1px" />
                </telerik:GridButtonColumn>
                <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="AdditionalEvent" ImageUrl="~/Content/Images/Scales_24.png" UniqueName="AdditionalEvent" SortExpression="AdditionalEvent" HeaderText=" … " HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
                    <HeaderStyle Width="1px" />
                    <ItemStyle Width="1px" />
                </telerik:GridButtonColumn>
  2. Attila Antal
    Admin
    Attila Antal avatar
    346 posts

    Posted 20 Apr 2018 Link to this post

    Hi Andy,

    I would advise double-checking the custom skin "Activity" used for the RadGrid. If I copy the markup as is and bind some data to it, columns are shown as expected (see the grid_columns.png), except that the style is disabled. Attached you can find the page I've used to test.

    Please check out the Skins Troubleshooting article that could help you isolate the issue.

    Also, you can check the Improve Your Debugging Skills with Chrome DevTools article that is addressing troubleshooting tips and tricks using the Developer Tools of Google Chrome.

    If the issue still persist, please edit the sample I've attached to produce the error and send it back to us for further investigation.

    Kind regards,
    Attila Antal
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top