End of Support for Joomla 3 - Forum closed

[SOLVED] JP Design Uikit funktioniert nicht richtig 3.9.16

  • Kathi
  • Kathi's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 16
  • Thank you received: 2

JP Design Uikit funktioniert nicht richtig 3.9.16 was created by Kathi

Posted 4 years 7 months ago #26319
Ich habe wegen dem Uikit jetzt einen eigenen treat aufgemacht.
Ich habe viele Probleme mit dem Uikit.
Selbst bei einer Neuinstallation funktioniert es nicht.
Dachte ich habe etwas zerschossen, darum alles neu gemacht.
Ist es überhaupt möglich in einem Beitrag ein Accordeon einzubinden?

weder die funktioniert.
Code:
.uk-accordion .uk-list .uk-list-striped .uk-description-list-line


das mit dem funktioniert als Einziges
Code:
.uk-width-1-2
Dieses Accordeon habe ich eingebunden
Code:
<ul> <li class="uk-open"><a class="uk-accordion-title" href="#">Item 1</a> <div class="uk-accordion-content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> </li> <li><a class="uk-accordion-title" href="#">Item 2</a> <div class="uk-accordion-content"> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor reprehenderit.</p> </div> </li> <li><a class="uk-accordion-title" href="#">Item 3</a> <div class="uk-accordion-content"> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat proident.</p> </div> </li> </ul>

Ich habe keine Idee mehr..
Ich habe die Fehlende Zeilen im widget.php und in der theme.config reingesetzt.
Code:
// Render menu if ($widget->menu) { // Set menu renderer if (isset($params['menu'])) { $renderer = $params['menu']; } else if (in_array($widget->position, array('menu'))) { $renderer = 'navbar'; $widget->nav_settings["modifier"] = "uk-hidden-small"; } else if (in_array($widget->position, array('toolbar-l', 'toolbar-r', 'footer'))) { $renderer = 'subnav'; $widget->nav_settings["modifier"] = "uk-subnav-line"; } else if (in_array($widget->position, array('offcanvas'))) { $renderer = 'nav'; $widget->nav_settings["modifier"] = "uk-nav-offcanvas"; $widget->nav_settings["accordion"] = true; } else { $renderer = 'nav'; $widget->nav_settings["accordion"] = true; } $content = $this['menu']->process($widget, array('pre', 'subnav', $renderer, 'post')); }
Code:
// add scripts $this['asset']->addFile('js', 'js:uikit.js'); $this['asset']->addFile('js', 'warp:vendor/uikit/js/components/autocomplete.js'); $this['asset']->addFile('js', 'warp:vendor/uikit/js/components/search.js'); $this['asset']->addFile('js', 'warp:vendor/uikit/js/components/sticky.js'); $this['asset']->addFile('js', 'warp:vendor/uikit/js/components/tooltip.js'); $this['asset']->addFile('js', 'warp:vendor/uikit/js/components/slideshow.js'); $this['asset']->addFile('js', 'warp:vendor/uikit/js/components/slideshow-fx.js'); $this['asset']->addFile('js', 'warp:vendor/uikit/js/components/slideset.js'); $this['asset']->addFile('js', 'warp:vendor/uikit/js/components/lightbox.js'); $this['asset']->addFile('js', 'warp:vendor/uikit/js/components/accordion.js'); $this['asset']->addFile('js', 'js:social.js'); $this['asset']->addFile('js', 'js:theme.js');

Meinen Cache geleert, verschiedene Browser usw..

Wäre es möglich das Uikit 3 aufzuspielen?
Hat jemand eventl. noch eine Idee?
Livesite gebe ich nur per pn raus
Danke
Last Edit:4 years 7 months ago by Kathi
Last edit: 4 years 7 months ago by Kathi.

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

Replied by joomlaplates on topic JP Design Uikit funktioniert nicht richtig 3.9.16

Posted 4 years 7 months ago #26330
Hallo,
1.) Uikit 3 geht nicht
2.) In der widget.php muss nichts geändert werden, bzw nur wenn sie das Accordion für das offcanvas Menu verwenden möchten

1.) Folgenden Code in die layouts/theme.config.php einfügen

$this->addFile('js', 'warp:vendor/uikit/js/components/accordion.js');

2.) Nun sollte folgender Code in jedem custom module oder auch Artikel funkionieren:
3.) Editor deaktvieren, komplett deaktivieren oder rokpad benutzen

<div class="uk-accordion" data-uk-accordion>

<h3 class="uk-accordion-title">...</h3>
<div class="uk-accordion-content">...</div>

<h3 class="uk-accordion-title">...</h3>
<div class="uk-accordion-content">...</div>

<h3 class="uk-accordion-title">...</h3>
<div class="uk-accordion-content">...</div>

</div>

getuikit.com/v2/docs/accordion.html
Last Edit:4 years 7 months ago by joomlaplates
Last edit: 4 years 7 months ago by joomlaplates.
The following user(s) said Thank You: Kathi

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

  • Kathi
  • Kathi's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 16
  • Thank you received: 2

Replied by Kathi on topic JP Design Uikit funktioniert nicht richtig 3.9.16

Posted 4 years 7 months ago #26367
Hallo,
schade das es mit dem Uikit 3 nicht klappt
Das andere geht nun aber. Habe den Editor deaktiviert.

Vielen Dank!
by Kathi

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

  • Kathi
  • Kathi's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 16
  • Thank you received: 2

Replied by Kathi on topic [SOLVED] JP Design Uikit funktioniert nicht richtig 3.9.16

Posted 4 years 7 months ago #26368
Problem solved.
by Kathi

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