Jump to content


Photo
- - - - -

tabs-left with pl_tabs


  • Please log in to reply
5 replies to this topic

#1 dna20com

dna20com

    Newbie

  • Members
  • 2 posts

Posted 17 August 2012 - 11:15 PM

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

#2 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 17 August 2012 - 11:42 PM

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



#3 dna20com

dna20com

    Newbie

  • Members
  • 2 posts

Posted 20 August 2012 - 05:56 PM

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

#4 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 20 August 2012 - 08:46 PM

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

#5 mborslein

mborslein

    Newbie

  • Members
  • 8 posts
  • LocationVancouver BC
  • Country: Country Flag

Posted 05 December 2012 - 02:14 AM

Hi,

I am also wondering how to achieve this.

Could you please post the solution that worked for you?

Thanks in advance!

 

-M



#6 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 05 December 2012 - 02:57 AM

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