5 replies to this topic

[dna20com]

Hi, I'm using [pl_tabs] to create twitter bootstrap tabs and it's great! I'd like to create tabs with the labels on the left, the same way you can with bootstrap: (

Please Login or Register to see this Hidden Content

) with the "tabs-left" class. Is there a way to do this with the pagelines [pl_tabs] shortcode? Alan

[James B]

Hi Alan, yes you can align the text with html inside the shortcodes like such

Tab1

So the for example the first tab's full code would look like:

Please Login or Register to see this Hidden Content

[dna20com]

Sorry, but that is not what I meant. I want tabs on the left. If you go to

Please Login or Register to see this Hidden Content

Then scroll down to "Tabbable in any direction" -> "Tabs on the left" you will see what I mean. Alan

[James B]

Ah, I'm with you now. Sorry I assumed you wanted the text aligned within the left of the tab, my apologies. I have been advised that since my previous message a member of our Developer team has contacted you directly to advise and assist If you require any further assistant, please let us know

[mborslein]

Hi,

I am also wondering how to achieve this.

Could you please post the solution that worked for you?

Thanks in advance!

 

-M

[James B]

Hi there, I can't remember what the official answer was to be honest. I can't seem to replicate it using the shortcodes. However, all the bootstrap code is built into the framework so you can use the html from the bootstrap page to create the tabs on the left effect.

 

Please Login or Register to see this Hidden Content

 

However you need to add the following css to Pagelines>site options>custom code to make the content nestle next to the tabs.

Please Login or Register to see this Hidden Content

That gave me this result

Please Login or Register to see this Hidden Content