Working with ASP.Net Web Forms Views

Question

I have this code in my view page

<asp:HyperLink ID="hyperlink_TruckList" runat="server" 
     Text="Truck List" NavigateUrl="~/View/Trucklist.aspx" 
     Font-Underline="false"></asp:HyperLink>

How to add -

class="col-sm-4" 
style="text-align: center; font-size: 18px; color: black; height: 40px; padding-top: 8px; background: #E8D73E">

and

<i class="glyphicon glyphicon-home"></i>

on it?

Suprabhat Biswal · Accepted Answer · 2015-09-24 04:38:59Z

2

Server Control CssClass and Style property are equivalent to HTML class and style attribute respectively.

<asp:HyperLink ID="hyperlink_TruckList" runat="server" Text="Truck List" NavigateUrl="~/View/Trucklist.aspx" Font-Underline="false" CssClass="col-sm-4" Style="text-align: center; font-size: 18px; color: black; height: 40px; padding-top: 8px; background: #E8D73E">
     <i class="glyphicon glyphicon-home"></i>
</asp:HyperLink>

edited Sep 24, 2015 at 4:38

answered Sep 24, 2015 at 4:22

Suprabhat Biswal

3,2561 gold badge23 silver badges30 bronze badges

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

Comments

Rush.2707 · Accepted Answer · 2015-09-24 05:18:10Z

0

Firstly add this in your css file

.need
{
text-align: center; font-size: 18px; color: black; 
height: 40px; padding-top: 8px; background: #E8D73E;
}

and then simply write this code

<asp:HyperLink ID="hyperlink_TruckList" runat="server" 
 Text="Truck List" NavigateUrl="~/View/Trucklist.aspx" CssClass="col-sm-4 need"
 Font-Underline="false">
        <i class="glyphicon glyphicon-home"></i> 
</asp:HyperLink>

answered Sep 24, 2015 at 5:18

Rush.2707

68310 silver badges30 bronze badges

Comments

Radekk · Accepted Answer · 2015-09-24 05:57:59Z

0

You can append styles programmatically

hyperlink_TruckList.Style.Add("class", "col-sm-4");
hyperlink_TruckList.Style.Add("style", "text-align: center; font-size: 18px; color: black; height: 40px; padding-top: 8px; background: #E8D73E");

answered Sep 24, 2015 at 5:57

Radekk

824 bronze badges

Collectives™ on Stack Overflow

Working with ASP.Net Web Forms Views

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related