Change asp.net components css class if browser is IE

Question

I have a Gridview one of it's columns ItemStyle has a css class named xyz i want to change css class to xyzie if the browser is IE , how can i do that ?

example code :

 <asp:GridView ID="GridView1" runat="server" 
    AutoGenerateColumns="False" DataKeyNames="y" 
    DataSourceID="SqlDataSource1" GridLines="None" ShowHeader="False" 
    onselectedindexchanged="GridView1_SelectedIndexChanged" 
    AllowSorting="True" CellSpacing="5" 
    onrowdatabound="GridView1_RowDataBound">
<Columns>
    <asp:BoundField DataField="x" HeaderText="x" SortExpression="x" >
    <ItemStyle CssClass="xyz" /> // want to change this to xyzie if the browser is ie
    </asp:BoundField>
 </Columns>
</asp:GridView>

Nimantha · Accepted Answer · 2021-11-15 03:15:21Z

1

If you want to do it server-side then you can use HttpBrowserCapabilities object.

HOWTO article.

edited Nov 15, 2021 at 3:15

Nimantha

6,5276 gold badges32 silver badges78 bronze badges

answered Jan 6, 2011 at 14:26

volpav

5,12821 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Oded · Accepted Answer · 2011-01-06 14:25:44Z

1

You can use the IE specific conditional comments.

This will allow you to add IE specific classes:

<!--[if IE ]>  
  <body class="ie">  
<![endif]-->  
<!--[if !IE]>-->  
  <body>  
<!--<![endif]-->

In your CSS you would have an ie class with specific overriding behavior.

answered Jan 6, 2011 at 14:25

Oded

501k102 gold badges900 silver badges1k bronze badges

6 Comments

Adnan M. TURKEN Over a year ago

@Oded i've tried that already but it doesn't work between <asp:xxx></asp:xxx> tags.

volpav Over a year ago

@Oded: You've mentioned (right) in the beginning that conditional comments are IE-specific. By using your example code non-IE users will end up getting two BODY tags.

Oded Over a year ago

@dnn - If you post your code, it helps people understand the exact issue. In the future, always post the relevant code. Please edit your question and add your code. The answer from @volpav is probably what you need.

Oded Over a year ago

@volpav - I suggest you reread the example. Non IE browsers will only get the second body tag, as the first one is commented out.

volpav Over a year ago

@Oded: Sorry, didn't see that the first BODY tag is actually a part of the HTML comment.

|

Community · Accepted Answer · 2017-05-23 10:33:08Z

1

Once you figure out the type of browser, you can dyanmically change CSS. My answer for this post might be of some help

edited May 23, 2017 at 10:33

CommunityBot

11 silver badge

answered Jan 6, 2011 at 14:40

Nikhil Vaghela

9302 gold badges11 silver badges36 bronze badges

Collectives™ on Stack Overflow

Change asp.net components css class if browser is IE

3 Answers 3

Comments

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related