Page 1 of 1

Disappearance info in block

Posted: 07 Sep 2017, 20:40
by bphotos
In block Tabs
When I choose the same tab-title everything ok.
2017-09-03_23-39-15.jpg
2017-09-03_23-39-15.jpg (244.66 KiB) Viewed 3438 times
If I choose different tab-title, in not active tab title text is disappearing
2017-09-03_23-39-43.jpg
2017-09-03_23-39-43.jpg (222 KiB) Viewed 3438 times
http://belovephotos.com/galleries/sample/

Re: Disappearance info in block

Posted: 08 Sep 2017, 03:32
by mjau-mjau
If you are using multiple TABS (like you are doing), you will need to make sure each TAB ID reference is UNIQUE. Right now, you have duplicate ID's panel1, panel2 etc., and that will not work.

<li class="tab-title"><a href="#panel1">Tab 2</a></li>
<div class="content" id="panel1"> ... </div>

You can't re-use the SAME ID in multiple tab layouts used on the same page ... It must be a unique identifier to the page.

Re: Disappearance info in block

Posted: 08 Sep 2017, 18:39
by bphotos
OOO!!! Thank you! I changed name "panel1" and now that works right!!! Thank you again for your help! 

Re: Disappearance info in block

Posted: 27 Jan 2018, 14:15
by GeoPal
Hi Karl,
I tried today tabs for first time, can't seem to get the bullets to work
this is the code for my tab:
Code
<div class="content" id="panel2">
<p>
1. ryrtyrt
2. 48678ur
3. rfjuy

</p>
and what I get in the tab is:

1. ryrtyrt 2. 48678ur 3. rfjuy
Also the code is not coloured like regular bullets.
Is it supposed to work like this or I did something not like I should?
Thank you, G

Re: Disappearance info in block

Posted: 28 Jan 2018, 03:23
by mjau-mjau
GeoPal wrote:
Code
<div class="content" id="panel2">
<p>
1. ryrtyrt
2. 48678ur
3. rfjuy
</p>
You can't mix markdown inside html like that. Once you start with HTML elements, like most of the X3 content plugins, you need to use HTML syntax inside the html blocks. For example:
Code
<div class="content" id="panel2">
<ul>
<li>ryrtyrt</li>
<li>48678ur</li>
<li>rfjuy</li>
</ul>
</div>
As you see in the above code, we use HTML list syntax <ul><li>.

There is actually a "workaround" to alternate markdown/html/markdown (see below), but I wouldn't recommend it. Use markdown for writing basic text/pages, but when adding more advanced HTML sections, you should use HTML syntax within the entire block.
Code
<div class="content" id="panel2" markdown=1>
1. ryrtyrt
2. 48678ur
3. rfjuy
</div>