Button - Open Webpage - SharePoint

No Styling

<input type="button" value="button name" onclick="window.open('http://www.website.com/page')" />

Styled with Hover Effect

<input type="button" value="button name" onclick="window.open('http://www.website.com/page')" class="RiskButton" onmouseover="this.className='RiskButtonHover'" onmouseout="this.className='RiskButton'"/>

CSS:
/* BUTTONS */
input.RiskButton {
color:#005500;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:x-large;
white-space:normal;
background-color:#fed;
border: 2px solid;
border-color: #696 #363 #363 #696;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
width:240px;
height:80px;
input.RiskButtonHover {
color:#005500;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:x-large;
white-space:normal;
background-color:#fed;
border: 2px solid;
border-color: #c63 #930 #930 #c63;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcaa228');
width:240px;
height:80px;
}

Comments

Popular posts from this blog

SharePoint Designer 2013 Approval Workflow with Comments

Change SharePoint server hostname and Web Application Names

SharePoint Search - Content Processing Pipeline Failed to Process the Item