Problem with GridButtonColumn with Static headers in UI for ASP.NET AJAX | Telerik Forums

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

Problem with GridButtonColumn with Static headers

1 Answer 5 Views

Grid

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

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

0

answered on 20 Apr 2018, 11:34 AM

grid-columns.png

GridBoundColumns-UseStaticHeader.zip

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

Answers by