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

Problem with GridButtonColumn with Static headers

1 Answer 142 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Andy Green
Top achievements
Rank 2
Andy Green asked on 17 Apr 2018, 12:08 PM

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>

1 Answer, 1 is accepted

Sort by
0
Attila Antal
Telerik team
answered on 20 Apr 2018, 11:34 AM
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.
Tags
Grid
Asked by
Andy Green
Top achievements
Rank 2
Answers by
Attila Antal
Telerik team
Share this question
or