Jump to content

Uikit-based Regular site profile


doolak
 Share

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

Link to comment
Share on other sites

  • 2 months later...

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

Link to comment
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
Link to comment
Share on other sites

  • 2 months later...

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

Link to comment
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).

Link to comment
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
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...