Uikit-based Regular site profile

[doolak]

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

[Peter Heinrichs]

https://github.com/ryancramerdesign/regular

 

[doolak]

Thanks a lot, Peter!

[nfil]

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".

[nfil]

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.

 

[dragan]

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).

[wbmnfktr]

ProcessWire 3.0.106 and no inline styles so far.

[dragan]

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).

[dragan]

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

[wbmnfktr]

My fault.

Even in Dev Tools / Inspector there is nothing.

Ok... you found it already.