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

Styling problem within RadGrid (Buttons)

1 Answer 28 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Boris
Top achievements
Rank 1
Boris asked on 14 Feb 2017, 05:50 PM

I have a fairly old app that the boss has ordered me to update, to make it more 'Bootstrappy', more like our more recent programs. 

To this end I have updated my controls to the latest and set the RadGrid skin to Bootstrap.  So far, so good. 

However, it's my understanding that 'ordinary' Bootstrap and Telerik 'Bootstrap' can conflict.   

Here is the original HTML for my Edit button:

<telerik:GridTemplateColumn UniqueName="TemplateEditColumn" AllowFiltering="False" ItemStyle-Width="40px" HeaderStyle-Width="40px">                    
    <HeaderStyle Width="40px"></HeaderStyle>                       
    <ItemStyle HorizontalAlign="Center" />
    <ItemTemplate>
         <asp:HyperLink ID="EditLink" runat="server" Text="Edit"></asp:HyperLink>
    </ItemTemplate>
</telerik:GridTemplateColumn>

What I'd like to do is change a couple of the items in the grid rows to bright shiny BootStrap type icons, in particular the Edit button. So far I've had little luck.

I'm going to attach an image of the sort of buttons I'm aiming for. 

 

1 Answer, 1 is accepted

Sort by
0
Boris
Top achievements
Rank 1
answered on 20 Feb 2017, 08:30 PM

I may have found an answer to my problem, at least it seems close enough for now.

<telerik:GridTemplateColumn UniqueName="TemplateEditColumn"  AllowFiltering="False" >
 
                      <ItemStyle HorizontalAlign="Center" />
                      <ItemTemplate>
                          <telerik:RadIconTile runat="server" CssClass="btn btn-primary glyphicon glyphicon-edit" BackColor="LightSkyBlue" ID="EditLink" Height="20px" Width="20px" ></telerik:RadIconTile>
                      </ItemTemplate>
                  </telerik:GridTemplateColumn>
 
                  <telerik:GridTemplateColumn UniqueName="AddLogEntry" AllowFiltering="False" >
 
                      <ItemStyle Wrap="false" HorizontalAlign="Center" />
                      <ItemTemplate>
                          <telerik:RadIconTile runat="server" CssClass="btn btn-primary glyphicon glyphicon-plus" BackColor="LightGreen" ID="AddLogEntry" Height="20px" Width="20px" ></telerik:RadIconTile>
                      </ItemTemplate>
                  </telerik:GridTemplateColumn>

 

Tags
Grid
Asked by
Boris
Top achievements
Rank 1
Answers by
Boris
Top achievements
Rank 1
Share this question
or