Search the Community
Showing results for tags 'uikit'.
-
This is a minimalistic website for the german architecture office Weissenrieder Architekten BDA. The front-end uses UIkit 2 and Isotope for the projects overview. Every project category can be accessed in the overview with an URL segment. ProFields Table was used for the project detail view. www.architekt-weissenrieder.de Modules used: AdminThemeUIkit Table ProCache Markup Sitemap XML Email Obfuscation (EMO) Jumplinks Tracy Debugger Regards, Andreas
- 6 replies
-
- 6
-
-
- architecture
- isotope
- (and 2 more)
-
Hey all, yesterday evening I started playing with the new uikit admin theme and I have to say I really like the way @ryan has developed it, it's relatively easy to modifiy it further. It took me around 10 minutes to prepare the development pipeline (from installation, setup the build processes and grasp the directory structures), so I highly encourage every designer in here to get their hand dirty and start without any fear I'm going to post in this thread my progresses, since my will is to dedicate every evening 1 hour or so with the purpose to release a visually pleasing and stable admin theme. If you want to post your progresses in this thread too, you're welcome!
-
Ryan has opened my eyes with his skyscrapers2-demo. Uikit is really a fantastic frontend-framework. My question is about scrolling uikit-side-nav and the pw-code to use for the content. Is it possible to realize a scrolling nav-side-bar as the uikit-layout-example: https://getuikit.com/docs/layouts_documentation.html ? The scrolling-bar should show the headers for example h3 en h2 of the body-part of the page When scrolling down the page, the headers in the sidebar, e.g. h3 h2, show where you are in the page. Can anyone show me the way to the code to trigger e.g. the h3 and h2 headers?
-
Hi all, I'm working on a project which will be using UIKit for the frontend framework, and the front page will display images that are attached to various pages. I'm using CroppableImage to generate the thumbnails. The idea is that clicking on the thumbnails will display the original image in UIKit's lightbox. The problem is that I can't get the lightbox to work. My simplified code...... <!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="<?php echo $config->site_meta;?>"> <title><?=$config->site_title;?> | <?=$page->title;?></title> <link rel="stylesheet" type="text/css" href="<?=$config->urls->templates;?>css/uikit.css"> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="<?=$config->urls->templates;?>js/uikit.min.js"></script> </head> <body> <?php $items = $pages->find("template=link_full, limit=10, sort=-f_date"); foreach($items as $item) { $image = $item->f_multi_image->first()->getCrop('frontpage'); echo "<article class='uk-article'> <a class='uk-thumbnail' href='{$image->url}' data-uk-lightbox title='{$image->description}'> <img src='{$image->url}' alt='{$image->description}' /> </a> </article>"; } </body> Now, I've added the "data-uk-lightbox" attribute as it states in the docs http://getuikit.com/docs/lightbox.html but I'm at a loss after that. Any help?
