End of Support for Joomla 3 - Forum closed

[SOLVED] Ui Kit .. how work?

Ui Kit .. how work? was created by Ferriero

Posted 8 years 9 months 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 8 years 9 months 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:8 years 9 months ago by joomlaplates
Last edit: 8 years 9 months ago by joomlaplates.

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

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

Posted 8 years 9 months 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 8 years 9 months 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 8 years 9 months ago #12199
Problem solved.

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

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License