Files
componentowl-astro/src/data/blog/page/5/index.html

345 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> 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" />
<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" />
<meta name="generator" content="WordPress 4.9.8" />
<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="home blog paged paged-5">
<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-878 post type-post status-publish format-standard hentry category-better-listview category-components category-tutorials tag-bars tag-better-listview-2 tag-custom tag-height tag-large tag-larger tag-scroll tag-scrollbar tag-scrollbars tag-size tag-sizes tag-width" id="post-878">
<h2><a href="../../index.html%3Fp=878.html" rel="bookmark" title="Permanent Link to Custom Scroll Bar Size in Better ListView">Custom Scroll Bar Size in Better ListView</a></h2>
<p class="postmetadata">
Blog Post by Libor Tinka published on Tuesday, 19 March 2013 in <a href="../../category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="../../category/components/index.html" rel="category tag">Components</a>, <a href="../../category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
<div class="entry">
<div id="attachment_879" style="width: 319px" class="wp-caption aligncenter"><a href="../../wp-content/uploads/2013/03/blv-scroll-size.png"><img class="size-full wp-image-879" title="Better ListView custom scroll bar size" src="../../wp-content/uploads/2013/03/blv-scroll-size.png" alt="Better ListView custom scroll bar size" width="309" height="208" /></a><p class="wp-caption-text">Better ListView custom scroll bar size</p></div>
<p><a href="../../../betterlistview.exe">Better ListView 3.7.0</a> contains two new properties that allow you to set custom horizontal and vertical scroll bar sizes:</p>
<ul>
<li><strong>HScrollBarWidth</strong></li>
<li><strong>VScrollBarHeight</strong></li>
</ul>
<p>Of course, you can set these custom sizes in design-time as well as in run-time.</p>
<p>Larger scroll bars are practical on modern touch-enabled devices with high resolution screens. The default scroll bar size (17 pixels) may be too small and you may want to make it just large enough for your index finger.</p>
<p>This features works in both <a href="../6/index.html">Better ListView</a> and <a href="../../../better-listview-express.html">Better ListView Express</a>.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div class="postinfobar">
<span class="tags">Tags: <a href="../../tag/bars/index.html" rel="tag">bars</a>, <a href="../../tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="../../tag/custom/index.html" rel="tag">custom</a>, <a href="../../tag/height/index.html" rel="tag">height</a>, <a href="../../tag/large/index.html" rel="tag">large</a>, <a href="../../tag/larger/index.html" rel="tag">larger</a>, <a href="../../tag/scroll/index.html" rel="tag">scroll</a>, <a href="../../tag/scrollbar/index.html" rel="tag">scrollbar</a>, <a href="../../tag/scrollbars/index.html" rel="tag">scrollbars</a>, <a href="../../tag/size/index.html" rel="tag">size</a>, <a href="../../tag/sizes/index.html" rel="tag">sizes</a>, <a href="../../tag/width/index.html" rel="tag">width</a> </span>
<div class="comments"><a href="../../index.html%3Fp=878.html#comments">4 Comments &#187;</a></div>
</div>
</div>
<div class="post-868 post type-post status-publish format-standard hentry category-better-listview category-tutorials tag-better-listview-2 tag-borders tag-boundaries tag-drawing tag-drawn tag-edge tag-edges tag-fading tag-gradient tag-items tag-over tag-owner tag-ownerdrawing tag-ownerdrawn" id="post-868">
<h2><a href="../../index.html%3Fp=868.html" rel="bookmark" title="Permanent Link to How to Make Items Fading on Edges in Better ListView">How to Make Items Fading on Edges in Better ListView</a></h2>
<p class="postmetadata">
Blog Post by Libor Tinka published on Tuesday, 05 March 2013 in <a href="../../category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="../../category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
<div class="entry">
<p><img class="size-full wp-image-869 centered" title="Fading Edges in Better ListView" src="../../wp-content/uploads/2013/03/blv-fading.png" alt="Fading Edges in Better ListView" width="140" height="148" /></p>
<p>I found the effect of fading borders impressive on my smartphone. This is actualy very easy to do as it requires a simple gradient brush.</p>
<p>You can obtain the same effect with Better ListView by overriding the <strong>DrawingRedrawCore</strong> method and do the drawing over the items:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
public class FadedListView : BetterListView<br />
{<br />
/// </p>
<summary>
/// Default size of the fading gradient.<br />
/// </summary>
<p> private const int FadingSize = 64;</p>
<p> public CustomListView()<br />
{<br />
// this is required because we will draw outside item boundaries<br />
OptimizedInvalidation = false;<br />
}</p>
<p> protected override void DrawingRedrawCore(Graphics graphics)<br />
{<br />
base.DrawingRedrawCore(graphics);</p>
<p> // get boundaries of items (this excludes column headers and scroll bars)<br />
Rectangle rectContent = BoundsContent;</p>
<p> // get size of the gradient<br />
int fadingSize = Math.Min(<br />
FadingSize,<br />
rectContent.Height >> 1);</p>
<p> // get boundaries of the gradents<br />
Rectangle rectFadingTop = new Rectangle(<br />
rectContent.Left,<br />
rectContent.Top,<br />
rectContent.Width,<br />
fadingSize);</p>
<p> Rectangle rectFadingBottom = new Rectangle(<br />
rectContent.Left,<br />
rectContent.Bottom &#8211; fadingSize,<br />
rectContent.Width,<br />
fadingSize);</p>
<p> // make boundaries larger to avoid rounding errors in gradient brushes<br />
rectFadingTop.Inflate(1, 1);<br />
rectFadingBottom.Inflate(1, 1);</p>
<p> Brush brushFadingTop = new LinearGradientBrush(rectFadingTop, BackColor, Color.Transparent, LinearGradientMode.Vertical);<br />
Brush brushFadingBottom = new LinearGradientBrush(rectFadingBottom, Color.Transparent, SystemColors.Window, LinearGradientMode.Vertical);</p>
<p> // deflate the gradient boundaries back<br />
rectFadingTop.Inflate(-1, -1);<br />
rectFadingBottom.Inflate(-1, -1);</p>
<p> // draw the gradients<br />
graphics.FillRectangle(brushFadingTop, rectFadingTop);<br />
graphics.FillRectangle(brushFadingBottom, rectFadingBottom);</p>
<p> // cleanup<br />
brushFadingTop.Dispose();<br />
brushFadingBottom.Dispose();<br />
}<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Public Class CustomListView<br />
Inherits BetterListView<br />
&#8221;&#8217; </p>
<summary>
&#8221;&#8217; Default size of the fading gradient.<br />
&#8221;&#8217; </summary>
<p> Private Const FadingSize As Integer = 64</p>
<p> Public Sub New()<br />
&#8216; this is required because we will draw outside item boundaries<br />
OptimizedInvalidation = False<br />
End Sub</p>
<p> Protected Overrides Sub DrawingRedrawCore(graphics As Graphics)<br />
MyBase.DrawingRedrawCore(graphics)</p>
<p> &#8216; get boundaries of items (this excludes column headers and scroll bars)<br />
Dim rectContent As Rectangle = BoundsContent</p>
<p> &#8216; get size of the gradient<br />
Dim fadingSize__1 As Integer = Math.Min(FadingSize, rectContent.Height >> 1)</p>
<p> &#8216; get boundaries of the gradents<br />
Dim rectFadingTop As New Rectangle(rectContent.Left, rectContent.Top, rectContent.Width, fadingSize__1)</p>
<p> Dim rectFadingBottom As New Rectangle(rectContent.Left, rectContent.Bottom &#8211; fadingSize__1, rectContent.Width, fadingSize__1)</p>
<p> &#8216; make boundaries larger to avoid rounding errors in gradient brushes<br />
rectFadingTop.Inflate(1, 1)<br />
rectFadingBottom.Inflate(1, 1)</p>
<p> Dim brushFadingTop As Brush = New LinearGradientBrush(rectFadingTop, BackColor, Color.Transparent, LinearGradientMode.Vertical)<br />
Dim brushFadingBottom As Brush = New LinearGradientBrush(rectFadingBottom, Color.Transparent, SystemColors.Window, LinearGradientMode.Vertical)</p>
<p> &#8216; deflate the gradient boundaries back<br />
rectFadingTop.Inflate(-1, -1)<br />
rectFadingBottom.Inflate(-1, -1)</p>
<p> &#8216; draw the gradients<br />
graphics.FillRectangle(brushFadingTop, rectFadingTop)<br />
graphics.FillRectangle(brushFadingBottom, rectFadingBottom)</p>
<p> &#8216; cleanup<br />
brushFadingTop.Dispose()<br />
brushFadingBottom.Dispose()<br />
End Sub<br />
End Class<br />
[/vb]</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/borders/index.html" rel="tag">borders</a>, <a href="../../tag/boundaries/index.html" rel="tag">boundaries</a>, <a href="../../tag/drawing/index.html" rel="tag">drawing</a>, <a href="../../tag/drawn/index.html" rel="tag">drawn</a>, <a href="../../tag/edge/index.html" rel="tag">edge</a>, <a href="../../tag/edges/index.html" rel="tag">edges</a>, <a href="../../tag/fading/index.html" rel="tag">fading</a>, <a href="../../tag/gradient/index.html" rel="tag">gradient</a>, <a href="../../tag/items/index.html" rel="tag">items</a>, <a href="../../tag/over/index.html" rel="tag">over</a>, <a href="../../tag/owner/index.html" rel="tag">owner</a>, <a href="../../tag/ownerdrawing/index.html" rel="tag">ownerdrawing</a>, <a href="../../tag/ownerdrawn/index.html" rel="tag">ownerdrawn</a> </span>
<div class="comments"><a href="../../index.html%3Fp=868.html#respond">No Comments &#187;</a></div>
</div>
</div>
<div class="navigation">
<div class="alignleft"><a href="../6/index.html" >&laquo; Older Entries</a></div>
<div class="alignright"><a href="../4/index.html" >Newer Entries &raquo;</a></div>
</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/wp-embed.min.js%3Fver=4.9.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:49:17 by W3 Total Cache
-->