End of Support for Joomla 3 - Forum closed

[SOLVED] Ui Kit .. how work?

Ui Kit .. how work? was created by Ferriero

Posted 10 years 1 month ago #12168
Hi!
I tried to insert a tab element whit Ui Kit...

<ul class="uk-tab" data-uk-tab>
<li class="uk-active"><a href="">...</a></li>
<li><a href="">...</a></li>
<li><a href="">...</a></li>
<li class="uk-disabled"><a href="">...</a></li>
</ul>

Where can I insert the text to display for each tab?

Sorry for my ignorance! Thanks!

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Ui Kit .. how work?

Posted 10 years 1 month ago #12173
Here we are

<ul class="uk-tab" data-uk-tab>
<li class="uk-active"><a href="">TAB 1</a>Here goes your text</li>
<li><a href="">TAB 2</a>Here goes your text</li>
</ul>

Last Edit:10 years 1 month ago by joomlaplates
Last edit: 10 years 1 month ago by joomlaplates.

Please Log in or Create an account to join the conversation.

Replied by Ferriero on topic Ui Kit .. how work?

Posted 10 years 1 month ago #12176
Here the result... in attachment...

I can select TAB1 or TAB2, but the text is allways "Here goes your textHere goes your text"

Why?

Attachments:

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Ui Kit .. how work?

Posted 10 years 1 month ago #12177
The Tab needs the switscher too:
getuikit.com/docs/switcher.html

<ul data-uk-tab="{connect:'#tab-content'}" class="uk-tab">
<li class="" aria-expanded="false">
<a href="#">Tab</a>
</li>
<li aria-expanded="false" class="">
<a href="#">Tab</a>
</li>
<li aria-expanded="true" class="uk-active">
<a href="#">Tab</a>
</li>
<li class="uk-tab-responsive uk-active uk-hidden" aria-haspopup="true" aria-expanded="false">
<a>Tab</a>
<div class="uk-dropdown uk-dropdown-small">
<ul class="uk-nav uk-nav-dropdown"></ul>
<div></div>
</div>
</li>
</ul>
<ul class="uk-switcher uk-margin" id="tab-content">
<li class="" aria-hidden="true">Hello!</li>
<li aria-hidden="true" class="">Hello again!</li>
<li aria-hidden="false" class="uk-active">Bazinga!</li>
</ul>

The following user(s) said Thank You: Ferriero

Please Log in or Create an account to join the conversation.

Replied by Ferriero on topic [SOLVED] Ui Kit .. how work?

Posted 10 years 1 month ago #12199
Problem solved.

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates
Powered by Kunena Forum