You are visiting the High Monkey blog archive. Posts prior to 2016 may not meet accessibility standards. Please visit our current blog area at https://www.highmonkey.com/blog to view accessibility compliant blog posts published since January 1, 2016.

Keeping Development Simple: Design Application

Written By: Chad Heinle
Posted: 4/11/2013

Not Everyone is Comfortable With Divs

So maybe you know HTML inside and out, and maybe everyone around you does as well. Sure it's easy enough to show someone who doesn't know any HTML how to change a link in an tag. Sure you can explain divs and class names. Here's a question though: if there's something simpler, why not do that?

Old Hat

I'm sure most Kentico developers and designers know about this, but let's hope I'm being somewhat instructive here to someone. There's a neat little part to the web parts in Kentico called the Web Part Container. I did say in the title I was keeping things simple. The Web Part Container is a simple way to add great design to headers and content without end users having to attempt to add any divs, classes, etc.



Setup

Let's lay out the basics. There are five fields, and only three that I'm going to focus on: Web part container, Container title and Container custom content.
 
 
First, the big one: web part container. Here's a place that you can lay out your own styles, divs, etc and have users apply them to the web parts on a page. I won't dig in too much as the screenshot will show the code applied to this specific container, but the basics are some bindings set inside html code.
 
The {%ContainerCustomContent%} applies to the Container custom content field mentioned above. Looking for a place to insert an anchor or some sort of index? I found this is a good alternative instead of having to add entire strings into the HTML envelope. It's easier for someone who is not a designer or developer to grasp having to add a "1" or "2" to this field than having to add <div id="#index1"></div>.
 
The {%ContainerTitle%} applies to, you guessed it, the Container title field. This is, of course, where the text  from that field will show up.
 
Last, but certainly not least, Web Part placeholder is of course where the content of the web part outputs.

Use Your Imagination

Now take this and apply it to different situations. Have alternating colors on your headers? Have a different style of headers for different situations or columns? Using Web part containers is an easy way to give that control to the end users without them having to worry about HTML and you being able to control the code.
 
Keeping things simple makes everyone happy in the end!

Chad's Bio Coming Soon!

More About Virgil

Virgil Carroll is the owner and president of High Monkey – based in Minneapolis Minnesota. Virgil also wears the multiple ‘hats’ of Principle Human Solutions Architect and SharePoint Architect.

Virgil is one of those rare individuals who can dive deep into technical topics while speaking clearly to the business owners of a project and never forgetting that the end user experience has the highest priority. He calls it using both sides of his brain. Virgil is passionate about leveraging technologies ‘out of the box’ as much as possible with a focus on the strategic use of content to create websites that deliver the right content to the right audience on the right device at the right time. Virgil brings high energy, an ironic wit, and a sense of grounded perspective whenever he speaks to an audience. Virgil regularly speaks at conferences and user groups throughout the United States and occasionally in Europe.

Posted: 4/11/2013 12:00:00 AM by | with 0 comments