WordPress.org

Ready to get started?Download WordPress

Forums

Simple Side Tab
[resolved] Move Simple Side Tab to the Right (8 posts)

  1. Joy4581
    Member
    Posted 1 year ago #

    Hello,
    I was wondering if there is a way to move the tab from the left hand side, to the right hand side?

    What code do I need to change/add to do this?

    Any help would be greatly appreciated!

    Thank you,

    Joy

    http://wordpress.org/extend/plugins/simple-side-tab/

  2. srumery
    Member
    Plugin Author

    Posted 11 months ago #

    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.

  3. robertosalemi
    Member
    Posted 8 months ago #

    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.

  4. tizianos
    Member
    Posted 7 months ago #

    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!

  5. srumery
    Member
    Plugin Author

    Posted 7 months ago #

    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.

  6. robertosalemi
    Member
    Posted 7 months ago #

    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.

  7. burninlemons
    Member
    Posted 7 months ago #

    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

  8. tizianos
    Member
    Posted 7 months ago #

    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...

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic