Move Simple Side Tab to the Right

Hello Joy4581,

You might try using the development tools in your browser to inspect the tab element. Test the CSS attributes to get the tab to work the way you want it to. For example, try changing the attributes of .rum_sst_left:

FROM

left: -2px;
-webkit-transform: rotate(270deg);

TO

right: -128px;
-webkit-transform: rotate(90deg);

Note 1: There are several browser versions for transform: rotate(). Find the one that works for your browser for testing but make sure to change all the values from 270 to 90.

Note 2: This will change the point of which the tab starts to render so the top element will need to be adjusted accordingly.

#rum_sst_tab {top: 345px;}

Once you have your settings, then you can write them out in your CSS after the original element CSS output to make the change permanent. I might add in an option to switch the display to the right but for now, it will be a manual adjustment.

Hi,
i tried to change your code for to move tab to the right of browser.

But it does not work correctly, because i must set the value of right property according to lenght of my text and this value is different for Chrome, Firefox and Explorer.

Hello,
I had the same issue, and it doesn’t stick to the right side in the same way as it’s sticked to the left side.
Depending on the screen size, it shows up in the middle, on the edge or outside it…
I was told maybe the issue is the the tags enclosing the rest.
Thanks!

robertosalemi and tizianos,

The plugin was designed to display the tab on the left side of the browser and moving it to the right side isn’t supported yet. I am interested in providing an option to move it to the right but it does require a bit of testing that just hasn’t been completed yet.

Until then, feel free to experiment with the CSS and see if you can get it to work the way you need it to. If you do, please chase your code and I’ll take a look at it.

Hi,
thanks for your support.

I will do some test and if I succeed to write correctly CSS, I will send it to you.

Remember: in the next release, you should insert the correct CSS for the compatibility with IE8 (an user wrote it in another topic).

Thanks.

I did get it to work on the right side (haven’t tested across browsers/devices).

Edits made in the Plugin file: simple-side-tab/simple_side_tab.php

.rum_sst_left {
	right:-90px;
	cursor: pointer;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-o-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	transform:rotate(270deg);

	<!--[if lte IE 8]>
		/* Internet Explorer 8 and below */
		-ms-transform:rotate(270deg) / !important;
		*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	<![endif]-->

}

Nice and simple plugin, would be amazing if it opened into a widget area

The code you posted doesn’t work for me, it has the same results of the code I used previously and it shows the tab floating on the right part of the page but not on the side…
I’ll keep using it on the left for now…