WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => jQuery => Topic started by: herojohan on November 13, 2011, 01:20:33 PM

Title: WYSIWYG TAB
Post by: herojohan on November 13, 2011, 01:20:33 PM

Alright, i tried to use ''WYSIWYG TAB'', but this didn't came out as it should be..

I've made some screenshots what i did to try to make it work..

(http://i.imgur.com/VeMOZ.png)
Second:
(http://i.imgur.com/BIukg.png)

Section:
(http://i.imgur.com/SKGuw.png)

Greetings,
Johan

Title: Re: WYSIWYG TAB
Post by: dbs on November 13, 2011, 01:47:58 PM

"trying" is not all.
reading and understanding cames before.  :wink:
the howto-tab should help: http://plugins.onkel-franky.de/cms-WebsiteBaker/tabs/ (http://plugins.onkel-franky.de/cms-WebsiteBaker/tabs/)

Title: Re: WYSIWYG TAB
Post by: herojohan on November 13, 2011, 02:40:11 PM

That's the tutorial that i used.. but it isn't working for me..
I'm doing something wrong.. but what?

Title: Re: WYSIWYG TAB
Post by: dbs on November 13, 2011, 02:42:44 PM

hm, you want 3 tabs?
make 3 sections of type wysiwyg-tab.
make in every section first <h2>.
put your droplet-code at the end of section 1 or a extra code2-section.

edit: i see your section-pic now, this is right.

Title: Re: WYSIWYG TAB
Post by: herojohan on November 13, 2011, 02:53:06 PM

Quote from: dbs on November 13, 2011, 02:42:44 PM

hm, you want 3 tabs?
make 3 sections of type wysiwyg-tab.
make in every section first <h2>.
put your droplet-code at the and of section 1 or a extra code2-section.

edit: i see your section-pic now, this right.

Yea, even 1 tab didn't work..

It's saying ''Block 199'' and it's a hyperlink to nothing.

Title: Re: WYSIWYG TAB
Post by: dbs on November 13, 2011, 02:58:51 PM

your first section should contain:

<h2>tab-title</h2>
your text ...
[[jQueryInclude?...]]

your second section contains:

<h2>other-tab-title</h2>
your text ...


is there a link to your testsite?
tipp: try another theme, not "base".

Title: Re: WYSIWYG TAB
Post by: herojohan on November 13, 2011, 03:43:17 PM

Is my nivoslider the problem?



Website
http://classichealth.org/pages/test.php?lang=EN

Title: Re: WYSIWYG TAB
Post by: dbs on November 13, 2011, 03:48:07 PM

you must read the howto slower:

Quote

<Important>: that is why jQuery is NOT to be called elsewhere i.e. by ways of:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-core.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-core.min.js"></script>
register_frontend_m odfiles('jquery');  in the index.php of the template
</Important>

Title: Re: WYSIWYG TAB
Post by: dbs on November 13, 2011, 04:14:13 PM

ok, now it works.

the theme base works not right, use another theme.
i have in the index.php of your template comment out something.

<h2>title</h2> means not: put it in your editor.
it means format the word "title" as h2-tag in your editor.

Title: Re: WYSIWYG TAB
Post by: herojohan on November 13, 2011, 04:46:36 PM

Thanks for helping out!
Really appreciated!! :-D