Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2016-09-28 12:13:08

NicolasGraph
Plugin Author
From: France
Registered: 2008-07-24
Posts: 860
Website

Use vertical tabs in a plugin help file

Hi,
For a long plugin help file I’d like to use vertical tabs like it is used in the Preferences tab.
As far as I know I can’t add the jQuery UI stuff via an admin side callback; I tried to add it directly in the help file via ied_plugin_composer but some characters (double quotes " at least) are converted…
How should I do to add a script to my help file?
Thanks!


Nicolas
Follow me on Twitter and GitHub!
Multiple edits are usually to correct my frenglish…

Offline

#2 2016-09-28 13:40:07

Bloke
Developer
From: Leeds, UK
Registered: 2006-01-29
Posts: 8,787
Website

Re: Use vertical tabs in a plugin help file

NicolasGraph wrote #301800:

How should I do to add a script to my help file?

I don’t know if you can, nor if it’ll be successful if you do manage to embed a script. Is Textile causing the quoting weirdness, though? Have you tried escaping the content with double-equals or .notextile?


The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.

Txp Builders – finely-crafted code, design and Txp

Offline

#3 2016-09-28 14:16:15

NicolasGraph
Plugin Author
From: France
Registered: 2008-07-24
Posts: 860
Website

Re: Use vertical tabs in a plugin help file

Bloke wrote #301801:

Have you tried escaping the content with double-equals or .notextile?

Good catch; tabs don’t work for now but .notextile avoid to convert double quotes.


Nicolas
Follow me on Twitter and GitHub!
Multiple edits are usually to correct my frenglish…

Offline

#4 2016-09-28 15:22:24

NicolasGraph
Plugin Author
From: France
Registered: 2008-07-24
Posts: 860
Website

Re: Use vertical tabs in a plugin help file

Embedded script do work; I just need to find Txp classes to use with vertical tabs now!

notextile. <script>
  $( function() {
    $( "#tabs" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
    $( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
  } );
</script>

Nicolas
Follow me on Twitter and GitHub!
Multiple edits are usually to correct my frenglish…

Offline

Board footer

Powered by FluxBB