Files
componentowl-astro/public/blog/index.html%3Fp=232.html

302 lines
26 KiB
HTML
Raw Normal View History

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="blogcatalog" content="9BC9953358" />
<title>Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more) &laquo; Owl&#039;s Blog on .NET development</title>
<link rel="stylesheet" href="wp-content/themes/componentowl/style.css" type="text/css" media="screen" />
<link rel="pingback" href="xmlrpc.php.html" />
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Feed" href="feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Comments Feed" href="comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more) Comments Feed" href="better-listview-2-0-sneak-peek-item-hierarchy-groups-more/feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
<link rel='https://api.w.org/' href='wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
<link rel='prev' title='Better ListView 1.52 released' href='index.html%3Fp=213.html' />
<link rel='next' title='List-View Drag and Drop Item Reorder (Sort)' href='index.html%3Fp=260.html' />
<meta name="generator" content="WordPress 4.9.8" />
<link rel="canonical" href="index.html%3Fp=232.html" />
<link rel='shortlink' href='index.html%3Fp=232.html' />
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-2-0-sneak-peek-item-hierarchy-groups-more%252F.html" />
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-2-0-sneak-peek-item-hierarchy-groups-more%252F&amp;format=xml.html" />
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
<!--[if IE 6]>
<style type="text/css">
#d-menu .dropdown .outer { background-image: none; }
#d-menu .dropdown .shadowbox { background-image: none; }
</style>
<![endif]-->
</head>
<body class="post-template-default single single-post postid-232 single-format-standard">
<div class="d-page">
<div class="d-placing">
<div class="d-content-wrap">
<div class="d-main">
<h1 class="blog-name"><a href="../blog.html">Owl&#039;s Blog on .NET development</a></h1>
<div class="blog-description">Component Owl codes Better ListView control all night so you don&#039;t have to.</div>
<div class="post-232 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-child-items-in-listview tag-coming-soon tag-features tag-groups tag-item-hierarchy tag-listview-tree tag-preview tag-tree-structure-in-listview" id="post-232">
<h2>Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more)</h2>
<p class="postmetadata">
Blog Post by Libor Tinka published on Tuesday, 03 May 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
<div class="entry">
<div id="attachment_233" style="width: 504px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/05/cowl-blog-1.png"><img class="size-full wp-image-233" title="cowl-blog-1" src="wp-content/uploads/2011/05/cowl-blog-1.png" alt="Hierarchical items in two groups" width="494" height="291" srcset="wp-content/uploads/2011/05/cowl-blog-1.png 494w, wp-content/uploads/2011/05/cowl-blog-1-300x176.png 300w" sizes="(max-width: 494px) 100vw, 494px" /></a><p class="wp-caption-text">Hierarchical items in two groups</p></div>
<p>We are currently working hard on finishing Better ListView version 2.0 which will add new features: Support for <strong>groups</strong>, <strong>tree-like item structure</strong> (tree nodes are collapsible, as expected), and <strong>multi-line items</strong>.</p>
<p>We expect to release this upgrade in about a month. <strong>It will be a free upgrade for current and new users</strong>.</p>
<h1>Groups</h1>
<p>Groups in Better ListView have comparable capabilities as other Better ListView elements (column headers, items, sub-items). For example, you can adjust the foreground/background colors, font, image &#8211; and owner drawing is possible as well.</p>
<p>You can even include images into group headers (as you can see in the preview above), which is not possible in .NET ListView.</p>
<p>Groups are collapsible by default and the expand button can be switched off on each group individually.</p>
<p>Here are groups combined with <strong>Tile</strong> view (the second group is collapsed):</p>
<div id="attachment_236" style="width: 504px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/05/cowl-blog-3.png"><img class="size-full wp-image-236" title="cowl-blog-3" src="wp-content/uploads/2011/05/cowl-blog-3.png" alt="Groups with Tile view" width="494" height="170" srcset="wp-content/uploads/2011/05/cowl-blog-3.png 494w, wp-content/uploads/2011/05/cowl-blog-3-300x103.png 300w" sizes="(max-width: 494px) 100vw, 494px" /></a><p class="wp-caption-text">Groups with Tile view</p></div>
<p>The previous figure displays vertically oriented groups, but Better ListView also support horizontally oriented groups in the <strong>List</strong> mode:</p>
<div id="attachment_237" style="width: 504px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/05/cowl-blog-4.png"><img class="size-full wp-image-237" title="cowl-blog-4" src="wp-content/uploads/2011/05/cowl-blog-4.png" alt="Groups with List view" width="494" height="101" srcset="wp-content/uploads/2011/05/cowl-blog-4.png 494w, wp-content/uploads/2011/05/cowl-blog-4-300x61.png 300w" sizes="(max-width: 494px) 100vw, 494px" /></a><p class="wp-caption-text">Groups with List view</p></div>
<p>We put special effort to mimic the group display and behavior of Windows Explorer. The group headers can display all of the 15 group header states available in Windows visual style and their display is governed by the same logic as in the ListView counterpart.</p>
<p>The group headers always look perfect and native, right out of the box. You don&#8217;t need to tweak anything.</p>
<h1>Item Hierarchy</h1>
<div>
<dl id="attachment_235">
<dt><a href="wp-content/uploads/2011/05/cowl-blog-2.png"></p>
<div id="attachment_235" style="width: 504px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/05/cowl-blog-2.png"><img class="size-full wp-image-235" title="cowl-blog-2" src="wp-content/uploads/2011/05/cowl-blog-2.png" alt="Items with hierarchy" width="494" height="221" srcset="wp-content/uploads/2011/05/cowl-blog-2.png 494w, wp-content/uploads/2011/05/cowl-blog-2-300x134.png 300w" sizes="(max-width: 494px) 100vw, 494px" /></a><p class="wp-caption-text">Items with hierarchy</p></div>
<p></a></p>
</dt>
</dl>
</div>
<p>This works in the similar way as in the standard TreeView control. Each item (or node) has property called <strong>ChildItems</strong> which can be filled with new BetterListViewItem instances. <strong>SubItems</strong> collection can still be used in either items <em>and</em> child-items (child items are treated in the very same way as their parents).</p>
<p>Item hierarchy can be combined with Groups feature as seen in the first preview.</p>
<h1>Multi-Line Items</h1>
<div id="attachment_241" style="width: 186px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/05/cowl-blog-5.png"><img class="size-full wp-image-241" title="cowl-blog-5" src="wp-content/uploads/2011/05/cowl-blog-5.png" alt="Multi-line items" width="176" height="111" /></a><p class="wp-caption-text">Multi-line items</p></div>
<p>A simple setting of item layout (<strong>MaximumTextLines</strong> property) allows breaking item text into several lines (up to the specified value). When the text is longer than MaximumTextLines, then the default trimming method is used (one from the <strong>TextTrimming</strong> enumeration: <em>None, TrimCharacter, TrimWord, EllipsisCharacter, EllipsisWord, EllipsisPath</em>).</p>
<p>Multi-line text can be used in every view and also in column headers.</p>
<h1>Another New Features</h1>
<p>There are also bunch of new minor features including:</p>
<p><strong>Adjustable paddings</strong> &#8211; Every element part (e.g. item check box, group image&#8230;) contains customizable spaces at each side, so the user can easily create space where he needs and customize items/column headers/group headers to the finest detail.</p>
<p><strong>Focusing sub-items</strong> &#8211; Items, group headers and even sub-items can be keyfocused. User can now invoke label editing or scroll to any &#8220;cell&#8221; in the Details-with-columns view solely with keyboard.</p>
<p><strong>IEnumerable implementations</strong> &#8211;  <em>BetterListView</em>, <em>BetterListViewGroup</em> and <em>BetterListViewItem</em> implements <em>IEnumerable</em> interface for iterating through the whole item hierarchy, so using recursion to traverse child items is not necessary.</p>
</div>
<div class="postinfobar">
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/child-items-in-listview/index.html" rel="tag">child items in listview</a>, <a href="tag/coming-soon/index.html" rel="tag">coming soon</a>, <a href="tag/features/index.html" rel="tag">features</a>, <a href="tag/groups/index.html" rel="tag">groups</a>, <a href="tag/item-hierarchy/index.html" rel="tag">item hierarchy</a>, <a href="tag/listview-tree/index.html" rel="tag">listview tree</a>, <a href="tag/preview/index.html" rel="tag">preview</a>, <a href="tag/tree-structure-in-listview/index.html" rel="tag">tree structure in listview</a> </span>
</div>
</div>
<!-- You can start editing here. -->
<!-- If comments are open, but there are no comments. -->
<div id="respond">
<h3>Leave a Reply</h3>
<div class="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=232.html#respond" style="display:none;">Click here to cancel reply.</a></small>
</div>
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;s&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type='hidden' name='comment_post_ID' value='232' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p>
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="243b336ac2" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="8"/></p>
</form>
</div>
</div>
<div class="d-sidebar">
<div class="dextronet-feeds">
<ul class="links">
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
</ul>
</div>
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
</div>
</form>
<div id="sidebar" role="complementary">
<ul>
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
</li>
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
</li>
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
</li>
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
</li>
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
</li>
</ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
<li><a href='2017/03/index.html'>March 2017</a></li>
<li><a href='2017/02/index.html'>February 2017</a></li>
<li><a href='2016/11/index.html'>November 2016</a></li>
<li><a href='2014/08/index.html'>August 2014</a></li>
<li><a href='2014/07/index.html'>July 2014</a></li>
<li><a href='2014/04/index.html'>April 2014</a></li>
<li><a href='2014/02/index.html'>February 2014</a></li>
<li><a href='2013/03/index.html'>March 2013</a></li>
<li><a href='2013/02/index.html'>February 2013</a></li>
<li><a href='2013/01/index.html'>January 2013</a></li>
<li><a href='2012/12/index.html'>December 2012</a></li>
<li><a href='2012/09/index.html'>September 2012</a></li>
<li><a href='2012/08/index.html'>August 2012</a></li>
<li><a href='2012/04/index.html'>April 2012</a></li>
<li><a href='2012/03/index.html'>March 2012</a></li>
<li><a href='2012/02/index.html'>February 2012</a></li>
<li><a href='2012/01/index.html'>January 2012</a></li>
<li><a href='2011/12/index.html'>December 2011</a></li>
<li><a href='2011/11/index.html'>November 2011</a></li>
<li><a href='2011/10/index.html'>October 2011</a></li>
<li><a href='2011/09/index.html'>September 2011</a></li>
<li><a href='2011/08/index.html'>August 2011</a></li>
<li><a href='2011/07/index.html'>July 2011</a></li>
<li><a href='2011/06/index.html'>June 2011</a></li>
<li><a href='2011/05/index.html'>May 2011</a></li>
<li><a href='2011/03/index.html'>March 2011</a></li>
<li><a href='2011/02/index.html'>February 2011</a></li>
<li><a href='2011/01/index.html'>January 2011</a></li>
</ul>
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what&#039;s new (2 items)">what&#039;s new</a>
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
</li> </ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
</div>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
Served from: www.componentowl.com @ 2018-09-08 11:40:25 by W3 Total Cache
-->