Tab that follows the user on the page

Here's some code that creates a tab that follows the user on the page, rotates the text, and rounds the corners of the tab. Put a script editor webpart on the page and put in this code

<div style="text-align:center; padding: 2px; width: 100px; color: #000000; link: #ffffff; background-color: #c80000; z-index: 10; position: fixed; right: 0; top: 50%; height: 60px; 

border-radius: 5px 5px 30px 30px;

/* Safari */

-webkit-transform: rotate(90deg);

/* Firefox */

-moz-transform: rotate(90deg);

/* IE */

-ms-transform: rotate(90deg);

/* Opera */

-o-transform: rotate(90deg);

/* Internet Explorer */

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);">

Suggest an Idea

</div>

 Here's what it looks like:

Sources:

• Fixed Positioning - https://stackoverflow.com/questions/18746569/force-div-element-to-stay-in-same-place-when-page-is-scrolled 
• Fixed positioning - https://www.w3schools.com/css/css_positioning.asp
• Rotate Text - https://css-tricks.com/snippets/css/text-rotation/
• Round corners - https://www.w3schools.com/css/css3_borders.asp

Share on Google Plus

About Tom DeMeulenaere

Highly accomplished information technology professional with extensive knowledge in System Center Configuration Manager, Windows Server, SharePoint, and Office 365.