Style is not rendering in button when using in ASP.Net MVC3 Razor

Question

In my project Button click action is not rendering as per the style provided So i tried two methods and both have screenshots attached.

1.<button type="submit" class = "btn btn-success">@Html.ActionLink("Save", "EmployeeRegistration",
"Home")</button> 
2.<button type="submit" >@Html.ActionLink("Save", "EmployeeRegistration", "Home",new{@class = "btn
     btn-success"})</button>

both have Style Issues ScreenShot for Method1

Screenshot for Method2

Are you using Bootstrap?

Roy Dictus
– Roy Dictus

2014-01-10 08:41:13 +00:00
Commented Jan 10, 2014 at 8:41 — Roy Dictus
– Roy Dictus, Commented Jan 10, 2014 at 8:41

Anup · Accepted Answer · 2014-01-10 09:03:16Z

2

Just for a try, see what output the next line gives to you :-

<input type="submit" class = "btn btn-success" value="Save" />

Use only this :-

@Html.ActionLink("Save", "EmployeeRegistration", "Home", new{ @class = "btn
 btn-success"});

You were using Hyperlink within a button, that's why your button was dis aligned.

Use this style :-

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

edited Jan 10, 2014 at 9:03

answered Jan 10, 2014 at 8:35

Anup

9,77417 gold badges78 silver badges149 bronze badges

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

5 Comments

Nidheesh Over a year ago

When am using the above code Its working but the button text is not visible that means its not rendering as per the style.Thats problem

Anup Over a year ago

Add the CSS class in your stylesheet.

Nidheesh Over a year ago

its already there...all css styles are loaded in the Layout page

Anup Over a year ago

that means your styles are overriding each other. you can find this by inspect element. Some a style is overriding your .btn class.

Nidheesh Over a year ago

<input type="submit" class = "btn btn-success" value="Save" /> This one works Fine.Updated the Action name and Controller name like this...@using (Html.BeginForm("EmployeeRegistration", "Home",FormMethod.Post))

Nilesh Gajare · Accepted Answer · 2014-01-10 08:45:41Z

0

Try this

@Html.ActionLink("Save", "EmployeeRegistration", "Home", new{ }, new{@class = "btn
     btn-success"})

answered Jan 10, 2014 at 8:45

Nilesh Gajare

6,4283 gold badges45 silver badges73 bronze badges

Collectives™ on Stack Overflow

Style is not rendering in button when using in ASP.Net MVC3 Razor

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related