doolak

Uikit-based Regular site profile

Recommended Posts

Hi there,

found in the Roadmap that it is planned to replace the Regular site profile with a Uikit-based site profile.

I am already working with Uikit - so I am looking forward to the replacement. Is this possible to get the Uikit-based profile even now? 

Kind regards, Christian

Share this post


Link to post
Share on other sites

Did anyone try to add another template for different "categories".

I added the "categories_a" and "category_a" is the child template. This new category is also a "page reference" field.

If anyone did a similar test, what did you change in "_uikit.php" and other files "ready.php".

templates.jpg

blog-post.jpg

Share this post


Link to post
Share on other sites

After a few tests, I added a new category to the blog post.

I created 2 templates for the new category:

categories_a.php

<?php namespace ProcessWire; ?>

<div class='uk-child-width-1-2@s uk-child-width-1-3@m uk-grid-match uk-margin-large-bottom' pw-append='content' uk-grid>
	<?php foreach(page()->children as $category_a): ?>
	<a class='uk-link-reset' href='<?=$category_a->url?>'>
		<div class='uk-card uk-card-default uk-card-hover uk-card-body'>
			<h3 class='uk-card-title uk-margin-remove'><?=$category_a->title?></h3>
			<span class='uk-text-muted'><?=$category_a->numPosts(true)?></span>
		</div>	
	</a>	
	<?php endforeach; ?>
</div>	

<aside id='sidebar'>
	<?=ukNav(pages()->get('/blog/')->children('limit=3'), [ 'header' => 'Recent posts' ])?>
</aside>

 category_a.php

<?php namespace ProcessWire; ?>

<div id='content'>
	<?php
	echo ukHeading1(page()->title, 'divider');
	$posts = pages()->get('/blog/')->children("categories_a=$page, limit=10");
	echo ukBlogPosts($posts); 
	?>
</div>

<aside id='sidebar'>
	<?php
	$categories_a = page()->parent->children();
	echo ukNav($categories_a); 
	?>		
</aside>

_main.php (Add new category to the navbar)

					<?=ukNavbarNav($home->and($home->children), [ 
						'dropdown' => [ 'basic-page', 'categories', 'categories_a' ]
					])?>

ready.php added a new hook for the categories_a category_a templates.

Thats it. Thanks for the great Uikit theme.

 

  • Like 1

Share this post


Link to post
Share on other sites

I see a strange bug with some inline-styles, apparently set by JS: min-height: 364px (value depends on screen width). This is with today's dev version downloaded / upgraded.

Text field  and textarea containers are way too big!

<div class="InputfieldContent uk-form-controls langTabsContainer" style="min-height: 462px;">

Does anyone have an idea where this is coming from? Does anyone else see this? (latest Google Chrome, Windows).

min-height.png

Share this post


Link to post
Share on other sites

This only shows you the original HTML code. You have to open up the inspector to see the rendered code. Also, you can do CTRL + SHIFT + F in Chrome to search across all files (HTML, JS and CSS).

Share this post


Link to post
Share on other sites

Found the culprit: I updated Admin On Steroids from 1.5.8 to the latest version and everything's fine again.

Share this post


Link to post
Share on other sites

My fault.

Even in Dev Tools / Inspector there is nothing.

Ok... you found it already.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.