Preserve full site structure: articles, blog posts, downloads, BLV Express, sitemap, legacy CSS/JS

This commit is contained in:
Jarvis Prime
2026-03-23 20:24:05 +00:00
parent 46136b140e
commit 1f1a6e6f41
1036 changed files with 277162 additions and 0 deletions

View File

@@ -0,0 +1,53 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>1.52 &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/1-52/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Better ListView 1.52 released</title>
<link>http://www.componentowl.com/blog/better-listview-1-52-released/</link>
<comments>http://www.componentowl.com/blog/better-listview-1-52-released/#respond</comments>
<pubDate>Tue, 29 Mar 2011 16:21:14 +0000</pubDate>
<dc:creator><![CDATA[Brian Galura]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[1.52]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[changelog]]></category>
<category><![CDATA[new release]]></category>
<category><![CDATA[what's new]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=213</guid>
<description><![CDATA[Another minor release with many fixes and some new features. See what&#8217;s new in Better ListView 1.52. Download the new version. We are still working on the new major features (Item hierarchy, groups) as described here. These new features are near completion.]]></description>
<content:encoded><![CDATA[<p>Another minor release with many fixes and some new features.</p>
<p>See <strong><a href="http://www.componentowl.com/better-listview/releases?since=1.52">what&#8217;s new in Better ListView 1.52.</a></strong></p>
<p><strong><a href="../../../../betterlistview.exe">Download</a></strong> the new version.</p>
<p>We are still working on the new major features (Item hierarchy, groups) as described <strong><a href="http://www.componentowl.com/blog/2011/02/what-we-are-working-on-groups-item-hierarchy-support/">here</a></strong>. These new features are near completion.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/better-listview-1-52-released/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:54 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>1.52 &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; 1.52 Tag Feed" href="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="archive tag tag-1-52 tag-35">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;1.52&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=213.html" rel="bookmark" title="Permanent Link to Better ListView 1.52 released">Better ListView 1.52 released</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:40:30 by W3 Total Cache
-->

View File

@@ -0,0 +1,94 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>2.00 &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/2-00/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Better ListView 2.00 released</title>
<link>http://www.componentowl.com/blog/better-listview-2-00-released/</link>
<comments>http://www.componentowl.com/blog/better-listview-2-00-released/#respond</comments>
<pubDate>Sun, 31 Jul 2011 15:25:39 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[2.00]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[bound]]></category>
<category><![CDATA[child items in listview]]></category>
<category><![CDATA[data]]></category>
<category><![CDATA[databinding]]></category>
<category><![CDATA[groups]]></category>
<category><![CDATA[hierarchy]]></category>
<category><![CDATA[item hierarchy]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[multi-line]]></category>
<category><![CDATA[multiline]]></category>
<category><![CDATA[nodes]]></category>
<category><![CDATA[tree]]></category>
<category><![CDATA[treeview]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=304</guid>
<description><![CDATA[A new major version version of Better ListView has been released! It adds new major features, including item hierarchy, groups, data-binding, and more.]]></description>
<content:encoded><![CDATA[<p style="text-align: left;">A new major version of Better ListView has been released! <a href="../../../../betterlistview.exe">Download the new version</a>.</p>
<div id="attachment_312" style="width: 310px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/betterlistview2-overview1.png"><img class="size-medium wp-image-312" title="betterlistview2-overview" src="../../../wp-content/uploads/2011/07/betterlistview2-overview1-300x279.png" alt="Item hierarchy with multi-line items in groups" width="300" height="279" srcset="../../../wp-content/uploads/2011/07/betterlistview2-overview1-300x279.png 300w, ../../../wp-content/uploads/2011/07/betterlistview2-overview1.png 568w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">Item hierarchy with multi-line items in groups</p></div>
<h1>Summary of what&#8217;s new:</h1>
<p>We have added four new major features:</p>
<ul>
<li><strong>Groups</strong> &#8211; items can be organized in collapsible groups</li>
<li><strong>Item Hierarchy</strong> &#8211; items can be organized in a tree structure, can be also collapsed just like the nodes in a <em>TreeView</em></li>
<li><strong>Multi-Line Items</strong> &#8211; item texts can break in several lines and each item can have different size</li>
<li><strong>Data Binding</strong> &#8211; complex data binding is fully supported, any <em>List</em>, <em>DataTable</em>, <em>DataView</em>, <em>array</em> or any other <em>IList</em>-type object can be bound to Better ListView as a data source</li>
</ul>
<p>Many existing features of Better ListView has been enhanced in favor of these. For example:</p>
<ul>
<li>Item reordering can be done with hierarchical items as well; user can even create child items</li>
<li>It is possible to move items between different groups</li>
</ul>
<p>Some of the minor features added are:</p>
<ul>
<li>Layouts can be adjustable &#8211; item sizes and spacings, even internal spacings</li>
<li>Added new label editing controls (calendar and drop down box)</li>
<li>Better ListView content (columns, items and groups) can be saved to file (XML or binary)</li>
<li>Multi-line items support added</li>
<li><a title="Better ListView 2.000 Changelog" href="http://www.componentowl.com/better-listview/releases?since=2.000">See full changelog</a> for details</li>
</ul>
<p>We have also fixed many issues and improved performance of Thumbnails view and operations with collections.</p>
<h1>About then new version</h1>
<p>The new version 2.00 brings new major features, the most important one being item hierarchy support. This allows you to create tree-list structures in the list view, without having to sacrifice any of the list view functionality (columns, sorting, grouping, Drag and Drop reordering, etc).</p>
<p>Highly customizable item grouping capabilities were added. Individual group headers can have customized look and behavior. The group headers can be collapsible, support images, custom context menus, are focusable, and more.</p>
<p>Version 2.0 also improves the thumbnail view. The control handles larger images smoothly, even while resizing. </p>
<p>List items, group headers and column header can newly have custom padding specified for all of their elements, which makes it easy to do owner drawing of custom elements, such as overlay icons in the thumbnail view. Every part of the control can be newly replaced by custom drawing, not just overdrawn.</p>
<p>Version 2.0 newly allows you to save/load the list view contents with 1 just line of code, either in XML or binary format, to either file or string. Data-binding with custom column-mapping is supported as well. </p>
<p>Multi-line listview items are also newly supported. List items with very long text can take place of two (r more) regular items, so the text whole text is readable.</p>
<div id="attachment_306" style="width: 310px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/betterlistview2-overview2.png"><img class="size-medium wp-image-306" title="betterlistview2-overview2" src="../../../wp-content/uploads/2011/07/betterlistview2-overview2-300x262.png" alt="Better ListView 2" width="300" height="262" srcset="../../../wp-content/uploads/2011/07/betterlistview2-overview2-300x262.png 300w, ../../../wp-content/uploads/2011/07/betterlistview2-overview2.png 568w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">Thumbnails in groups</p></div>
<div id="attachment_315" style="width: 310px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/betterlistview2-overview3.png"><img class="size-medium wp-image-315" title="betterlistview2-overview3" src="../../../wp-content/uploads/2011/07/betterlistview2-overview3-300x280.png" alt="DataTable bound to Better ListView" width="300" height="280" srcset="../../../wp-content/uploads/2011/07/betterlistview2-overview3-300x280.png 300w, ../../../wp-content/uploads/2011/07/betterlistview2-overview3.png 575w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">DataTable bound to Better ListView</p></div>
<h1>Other news &#8211; new comics for developers!</h1>
<p>We&#8217;ve also started publishing <strong><a href="http://www.componentowl.com/comics/4">new webcomics for developers</a></strong> on our website, drawn by the Better ListView lead developer, Libor Tinka.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/better-listview-2-00-released/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:19 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>2.00 &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; 2.00 Tag Feed" href="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="archive tag tag-2-00 tag-86">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;2.00&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=304.html" rel="bookmark" title="Permanent Link to Better ListView 2.00 released">Better ListView 2.00 released</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:41:21 by W3 Total Cache
-->

View File

@@ -0,0 +1,62 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>2.01 &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/2-01/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>How to Hide a Column in Better ListView</title>
<link>http://www.componentowl.com/blog/how-to-hide-a-column-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/how-to-hide-a-column-in-better-listview/#respond</comments>
<pubDate>Fri, 05 Aug 2011 11:56:31 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[2.01]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[columns]]></category>
<category><![CDATA[details]]></category>
<category><![CDATA[hide]]></category>
<category><![CDATA[hiding]]></category>
<category><![CDATA[visible]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=330</guid>
<description><![CDATA[The most popular view in ListView-like controls seems to be the &#8220;Details&#8221; view with columns, items and sub-items. When someone wants to remove a column, he usually thinks of simply removing the column header from the Columns collection. Unfortunately, it&#8217;s not that simple. The sub-items get shifted and he needs to remove sub-items corresponding to [&#8230;]]]></description>
<content:encoded><![CDATA[<p>The most popular view in ListView-like controls seems to be the &#8220;<strong>Details</strong>&#8221; view with columns, items and sub-items.</p>
<p>When someone wants to remove a column, he usually thinks of simply removing the column header from the Columns collection. Unfortunately, it&#8217;s not that simple. The sub-items get shifted and he needs to remove sub-items corresponding to the removed column for all items as well.</p>
<p>This is because ListView is not a control for displaying grids (a matrix of cells), but really the lists &#8211; sequences of objects, and the sub-items are not cells either, they are something like an extension of each item to support additional information about the item.</p>
<p>So how we neatly hide a column?</p>
<p>We introduced Column Hiding feature in the version 2.0.1. You can simply call <strong>Hide()</strong> on your column header instance and you&#8217;re done! There is also corresponding <strong>Show()</strong> method provided. Or you can set boolean <strong>Visible</strong> property. Now the column and all subsequent sub-items are hidden from view (although they are still present in data, of course):</p>
<p>&nbsp;</p>
<div id="attachment_331" style="width: 331px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/08/column-hide-before.png"><img class="size-full wp-image-331" title="column-hide-before" src="../../../wp-content/uploads/2011/08/column-hide-before.png" alt="Hiding column via context menu" width="321" height="88" srcset="../../../wp-content/uploads/2011/08/column-hide-before.png 321w, ../../../wp-content/uploads/2011/08/column-hide-before-300x82.png 300w" sizes="(max-width: 321px) 100vw, 321px" /></a><p class="wp-caption-text">Hiding column via context menu...</p></div>
<p>&nbsp;</p>
<div id="attachment_332" style="width: 251px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/08/column-hide-after.png"><img class="size-full wp-image-332" title="column-hide-after" src="../../../wp-content/uploads/2011/08/column-hide-after.png" alt="The sixth column is hidden..." width="241" height="88" /></a><p class="wp-caption-text">...and the sixth column gets hidden.</p></div>
<p>&nbsp;</p>
<p><strong><a href="../../../../betterlistview.exe">Download Better ListView</a></strong></p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/how-to-hide-a-column-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:49 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>2.01 &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; 2.01 Tag Feed" href="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="archive tag tag-2-01 tag-87">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;2.01&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=330.html" rel="bookmark" title="Permanent Link to How to Hide a Column in Better ListView">How to Hide a Column in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:40:13 by W3 Total Cache
-->

View File

@@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>aero &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/aero/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Windows Theme Support in Better ListView</title>
<link>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/#respond</comments>
<pubDate>Fri, 01 Jul 2011 22:46:55 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[aero]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[classic]]></category>
<category><![CDATA[collapse]]></category>
<category><![CDATA[collapsible]]></category>
<category><![CDATA[groups]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[luna]]></category>
<category><![CDATA[refresh]]></category>
<category><![CDATA[runtime]]></category>
<category><![CDATA[support]]></category>
<category><![CDATA[theme]]></category>
<category><![CDATA[xp]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=287</guid>
<description><![CDATA[Both current Better ListView 1.5 and the upcoming Better ListView 2.0 put emphasis on native theme support. Contrary to many custom controls, Better ListView adjusts itself to current theme even if the theme is changed in run-time. For example, when user of your application switches theme from Classic to Aero, or to some other custom [&#8230;]]]></description>
<content:encoded><![CDATA[<p>Both current Better ListView 1.5 and the upcoming <strong>Better ListView 2.0</strong> put emphasis on native theme support.</p>
<p>Contrary to many custom controls, Better ListView adjusts itself to current theme <strong>even if the theme is changed in run-time</strong>. For example, when user of your application switches theme from <em>Classic</em> to <em>Aero</em>, or to some other custom theme with elements of different sizes, Better ListView re-measures itself for the new theme smoothly. Reloading the component or re-starting the application is not necessary.</p>
<p>One of the sweet bonuses of using Better ListView 2.0 instead of regular .NET ListView is the <strong>full <em>Groups</em> functionality in all themes</strong> and all versions of the operating system. For example, <strong>groups are not collapsible in standard ListView on Windows XP</strong> and even does not support images. In Better ListView, however, you are able to <strong>unleash full potential of groups everywhere</strong>.</p>
<p>The following images show Better ListView in different Windows themes: <em>Classic</em>, <em>XP Luna</em> and <em>Aero</em>:</p>
<div id="attachment_288" style="width: 433px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-classic.png"><img class="size-full wp-image-288" title="blv-classic" src="../../../wp-content/uploads/2011/07/blv-classic.png" alt="Better ListView in Classic theme" width="423" height="301" srcset="../../../wp-content/uploads/2011/07/blv-classic.png 423w, ../../../wp-content/uploads/2011/07/blv-classic-300x213.png 300w" sizes="(max-width: 423px) 100vw, 423px" /></a><p class="wp-caption-text">Better ListView in Classic theme</p></div>
<div id="attachment_290" style="width: 433px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-luna.png"><img class="size-full wp-image-290" title="blv-luna" src="../../../wp-content/uploads/2011/07/blv-luna.png" alt="Better ListView in XP Luna Theme" width="423" height="301" srcset="../../../wp-content/uploads/2011/07/blv-luna.png 423w, ../../../wp-content/uploads/2011/07/blv-luna-300x213.png 300w" sizes="(max-width: 423px) 100vw, 423px" /></a><p class="wp-caption-text">Better ListView in XP Luna Theme</p></div>
<div id="attachment_291" style="width: 432px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-aero.png"><img class="size-full wp-image-291" title="blv-aero" src="../../../wp-content/uploads/2011/07/blv-aero.png" alt="Better ListView in Aero Theme" width="422" height="301" srcset="../../../wp-content/uploads/2011/07/blv-aero.png 422w, ../../../wp-content/uploads/2011/07/blv-aero-300x213.png 300w" sizes="(max-width: 422px) 100vw, 422px" /></a><p class="wp-caption-text">Better ListView in Aero Theme</p></div>
<p style="text-align: center;">&nbsp;</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:49 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>aero &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; aero Tag Feed" href="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="archive tag tag-aero tag-77">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;aero&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../2011/07/windows-theme-support-in-better-listview/index.html" rel="bookmark" title="Permanent Link to Windows Theme Support in Better ListView">Windows Theme Support in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:40:16 by W3 Total Cache
-->

View File

@@ -0,0 +1,93 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>align &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/align/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Centering Images in Better ListView Sub-items</title>
<link>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/</link>
<comments>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/#respond</comments>
<pubDate>Wed, 06 Aug 2014 21:14:10 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[align]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[center]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[columns]]></category>
<category><![CDATA[header]]></category>
<category><![CDATA[image]]></category>
<category><![CDATA[images]]></category>
<category><![CDATA[layout]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[sub-items]]></category>
<category><![CDATA[subitem]]></category>
<category><![CDATA[subitems]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=906</guid>
<description><![CDATA[How to align images to center in Better ListView sub-items and columns.]]></description>
<content:encoded><![CDATA[<div id="attachment_907" style="width: 380px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/08/blv-overlay.png"><img class="size-full wp-image-907" title="Centered images in Better ListView" src="../../../wp-content/uploads/2014/08/blv-overlay.png" alt="Centered images in Better ListView" width="370" height="162" /></a><p class="wp-caption-text">Centered images in Better ListView</p></div>
<p>Better ListView 3.11 supports aligning images in sub-items and columns to center. Simply set <strong>AlignHorizontalImage</strong> property of an sub-item or column to <strong>BetterListViewImageAlignmentHorizontal.OverlayCenter</strong>.</p>
<p>The image will be centered inside available space regardless of text.</p>
<p>This is useful for sub-items and column headers consisting of image only.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Right-aligned Images in Better ListView</title>
<link>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/#respond</comments>
<pubDate>Thu, 19 Apr 2012 19:15:13 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[align]]></category>
<category><![CDATA[aligned]]></category>
<category><![CDATA[alignment]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[images]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[right]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[subitem]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=780</guid>
<description><![CDATA[Better ListView now supports image alignment. This post shows you how to align images in items, sub-items, column headers and groups as you want.]]></description>
<content:encoded><![CDATA[<p><a href="../../../../betterlistview.exe">Better ListView 2.9.0</a> now supports more customizable image alignment. For example, images can be aligned on the right part of item:</p>
<div id="attachment_784" style="width: 225px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/04/rightalign.png"><img class="size-full wp-image-784" title="Right-aligned Images" src="../../../wp-content/uploads/2012/04/rightalign.png" alt="Right-aligned Images" width="215" height="140" /></a><p class="wp-caption-text">Right-aligned Images</p></div>
<p>The alignment can be set separately on every sub-item (using <strong>AlignImageHorizontal</strong> and <strong>AlignImageVertical</strong> properties).</p>
<p>Moreover, the right-aligned images can be used in column headers and groups:</p>
<div id="attachment_785" style="width: 330px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/04/rightalign-group2.png"><img class="size-full wp-image-785" title="Group image alignment" src="../../../wp-content/uploads/2012/04/rightalign-group2.png" alt="Group image alignment" width="320" height="279" srcset="../../../wp-content/uploads/2012/04/rightalign-group2.png 320w, ../../../wp-content/uploads/2012/04/rightalign-group2-300x261.png 300w" sizes="(max-width: 320px) 100vw, 320px" /></a><p class="wp-caption-text">Group image alignment</p></div>
<p>The alignment of images is <a href="http://www.componentowl.com/blog/2011/11/vertical-alignment-and-text-wrapping-in-better-listview/">similar to that of text</a>. Every image has its frame, which can be possibly larger than the image itself. In such case, the image needs to be further aligned within the frame. This has been done automatically by centering the image within frame, but now you have full control over the alignment.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:38:27 by W3 Total Cache
-->

View File

@@ -0,0 +1,214 @@
<!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>align &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; align Tag Feed" href="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="archive tag tag-align tag-256">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;align&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=906.html" rel="bookmark" title="Permanent Link to Centering Images in Better ListView Sub-items">Centering Images in Better ListView Sub-items</a></li>
<li><a href="../../index.html%3Fp=780.html" rel="bookmark" title="Permanent Link to Right-aligned Images in Better ListView">Right-aligned Images in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:37:10 by W3 Total Cache
-->

View File

@@ -0,0 +1,61 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>aligned &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/aligned/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Right-aligned Images in Better ListView</title>
<link>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/#respond</comments>
<pubDate>Thu, 19 Apr 2012 19:15:13 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[align]]></category>
<category><![CDATA[aligned]]></category>
<category><![CDATA[alignment]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[images]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[right]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[subitem]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=780</guid>
<description><![CDATA[Better ListView now supports image alignment. This post shows you how to align images in items, sub-items, column headers and groups as you want.]]></description>
<content:encoded><![CDATA[<p><a href="../../../../betterlistview.exe">Better ListView 2.9.0</a> now supports more customizable image alignment. For example, images can be aligned on the right part of item:</p>
<div id="attachment_784" style="width: 225px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/04/rightalign.png"><img class="size-full wp-image-784" title="Right-aligned Images" src="../../../wp-content/uploads/2012/04/rightalign.png" alt="Right-aligned Images" width="215" height="140" /></a><p class="wp-caption-text">Right-aligned Images</p></div>
<p>The alignment can be set separately on every sub-item (using <strong>AlignImageHorizontal</strong> and <strong>AlignImageVertical</strong> properties).</p>
<p>Moreover, the right-aligned images can be used in column headers and groups:</p>
<div id="attachment_785" style="width: 330px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/04/rightalign-group2.png"><img class="size-full wp-image-785" title="Group image alignment" src="../../../wp-content/uploads/2012/04/rightalign-group2.png" alt="Group image alignment" width="320" height="279" srcset="../../../wp-content/uploads/2012/04/rightalign-group2.png 320w, ../../../wp-content/uploads/2012/04/rightalign-group2-300x261.png 300w" sizes="(max-width: 320px) 100vw, 320px" /></a><p class="wp-caption-text">Group image alignment</p></div>
<p>The alignment of images is <a href="http://www.componentowl.com/blog/2011/11/vertical-alignment-and-text-wrapping-in-better-listview/">similar to that of text</a>. Every image has its frame, which can be possibly larger than the image itself. In such case, the image needs to be further aligned within the frame. This has been done automatically by centering the image within frame, but now you have full control over the alignment.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:34 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>aligned &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; aligned Tag Feed" href="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="archive tag tag-aligned tag-257">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;aligned&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=780.html" rel="bookmark" title="Permanent Link to Right-aligned Images in Better ListView">Right-aligned Images in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:39:26 by W3 Total Cache
-->

View File

@@ -0,0 +1,104 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>alignment &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/alignment/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Right-aligned Images in Better ListView</title>
<link>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/#respond</comments>
<pubDate>Thu, 19 Apr 2012 19:15:13 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[align]]></category>
<category><![CDATA[aligned]]></category>
<category><![CDATA[alignment]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[images]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[right]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[subitem]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=780</guid>
<description><![CDATA[Better ListView now supports image alignment. This post shows you how to align images in items, sub-items, column headers and groups as you want.]]></description>
<content:encoded><![CDATA[<p><a href="../../../../betterlistview.exe">Better ListView 2.9.0</a> now supports more customizable image alignment. For example, images can be aligned on the right part of item:</p>
<div id="attachment_784" style="width: 225px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/04/rightalign.png"><img class="size-full wp-image-784" title="Right-aligned Images" src="../../../wp-content/uploads/2012/04/rightalign.png" alt="Right-aligned Images" width="215" height="140" /></a><p class="wp-caption-text">Right-aligned Images</p></div>
<p>The alignment can be set separately on every sub-item (using <strong>AlignImageHorizontal</strong> and <strong>AlignImageVertical</strong> properties).</p>
<p>Moreover, the right-aligned images can be used in column headers and groups:</p>
<div id="attachment_785" style="width: 330px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/04/rightalign-group2.png"><img class="size-full wp-image-785" title="Group image alignment" src="../../../wp-content/uploads/2012/04/rightalign-group2.png" alt="Group image alignment" width="320" height="279" srcset="../../../wp-content/uploads/2012/04/rightalign-group2.png 320w, ../../../wp-content/uploads/2012/04/rightalign-group2-300x261.png 300w" sizes="(max-width: 320px) 100vw, 320px" /></a><p class="wp-caption-text">Group image alignment</p></div>
<p>The alignment of images is <a href="http://www.componentowl.com/blog/2011/11/vertical-alignment-and-text-wrapping-in-better-listview/">similar to that of text</a>. Every image has its frame, which can be possibly larger than the image itself. In such case, the image needs to be further aligned within the frame. This has been done automatically by centering the image within frame, but now you have full control over the alignment.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Vertical Alignment and Text Wrapping in Better ListView</title>
<link>http://www.componentowl.com/blog/vertical-alignment-and-text-wrapping-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/vertical-alignment-and-text-wrapping-in-better-listview/#comments</comments>
<pubDate>Wed, 16 Nov 2011 23:57:39 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[alignment]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[text]]></category>
<category><![CDATA[vertical]]></category>
<category><![CDATA[wrapping]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=437</guid>
<description><![CDATA[How to vertically align text and customize text wrapping in column headers, items, sub-items and groups.]]></description>
<content:encoded><![CDATA[<p>.NET ListView supports horizontal alignment of text in columns, items, sub-items and groups. Since Better ListView adds many new features, like multi-line items and images of arbitrary size, vertical alignment comes in handy.</p>
<p>By default, each view has its defaults, but you can customize text alignment on every column, item, sub-item and group individually:</p>
<div>
<div id="attachment_446" style="width: 330px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/11/text-formatting-vertical-align.png"><img class="size-full wp-image-446" title="text-formatting-vertical-align" src="../../../wp-content/uploads/2011/11/text-formatting-vertical-align.png" alt="Vertical alignments of text" width="320" height="282" srcset="../../../wp-content/uploads/2011/11/text-formatting-vertical-align.png 320w, ../../../wp-content/uploads/2011/11/text-formatting-vertical-align-300x264.png 300w" sizes="(max-width: 320px) 100vw, 320px" /></a><p class="wp-caption-text">Vertical alignments of text</p></div>
<dl id="attachment_446">
<dt></dt>
</dl>
</div>
<p>The vertical alignment feature is a new property of each element type. For example, .NET ListView item has a property called <strong>Align</strong> which refers to horizontal alignment. Better ListView extends this to two independent properties called <strong>AlignHorizontal</strong> and <strong>AlignVertical</strong>. The naming scheme is same for columns, items, sub-items and groups.</p>
<p>Better ListView also supports splitting text in column headers and items (sub-items) into multiple lines.</p>
<p>We extended this functionality by adding a <strong>BetterListViewItem.TextWrapping</strong> and <strong>BetterListViewSubItem.TextWrapping</strong> properties. With these, you can control how the text in sub-items will be wrapped. There are three possible values:</p>
<ul>
<li><strong>Layout</strong> &#8211; the text will be wrapped to multiple lines, up to value specified by <strong>MaximumTextLines</strong> property of the corresponding view (layout)</li>
<li><strong>None</strong> &#8211; the text will not be wrapped at all</li>
<li><strong>Space</strong> &#8211; the text will be wrapped, but only to available space (item will never get higher due to wrapping text in sub-item with this setting)</li>
</ul>
<div>The following screenshot shows these three wrapping modes in action:</div>
<div>
<div id="attachment_441" style="width: 352px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/11/screen-wrapping.png"><img class="size-full wp-image-441" title="screen-wrapping" src="../../../wp-content/uploads/2011/11/screen-wrapping.png" alt="Various text wrapping modes" width="342" height="80" srcset="../../../wp-content/uploads/2011/11/screen-wrapping.png 342w, ../../../wp-content/uploads/2011/11/screen-wrapping-300x70.png 300w" sizes="(max-width: 342px) 100vw, 342px" /></a><p class="wp-caption-text">Various text wrapping modes</p></div>
</div>
<p>The sub-item in the first column has <strong>TextWrapping</strong> set to <strong>Layout</strong> and the layout has <strong>MaximumTextLines</strong> set to <strong>4</strong>. The sub-item text thus can be split to up to four lines. It is actually split just to three because the column is wide enough.</p>
<p>The sub-item in the second column has <strong>TextWrapping</strong> set to <strong>None</strong>, which means the text in this sub-item is kept on single line.</p>
<p>The sub-item in the third column has <strong>TextWrapping</strong> set to <strong>Space</strong>. As you can see, even if the <strong>MaximumTextLines</strong> is set to <strong>4</strong>, the sub-item text is limited to three lines, preventing item to grow larger.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/vertical-alignment-and-text-wrapping-in-better-listview/feed/</wfw:commentRss>
<slash:comments>1</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:34 by W3 Total Cache
-->

View File

@@ -0,0 +1,214 @@
<!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>alignment &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; alignment Tag Feed" href="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="archive tag tag-alignment tag-112">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;alignment&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=780.html" rel="bookmark" title="Permanent Link to Right-aligned Images in Better ListView">Right-aligned Images in Better ListView</a></li>
<li><a href="../../index.html%3Fp=437.html" rel="bookmark" title="Permanent Link to Vertical Alignment and Text Wrapping in Better ListView">Vertical Alignment and Text Wrapping in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:39:27 by W3 Total Cache
-->

View File

@@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>alternating &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/alternating/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Alternating Rows in Better ListView</title>
<link>http://www.componentowl.com/blog/alternating-rows-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/alternating-rows-in-better-listview/#respond</comments>
<pubDate>Tue, 22 Apr 2014 22:38:15 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[alternating]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[colored]]></category>
<category><![CDATA[colors]]></category>
<category><![CDATA[even]]></category>
<category><![CDATA[odd]]></category>
<category><![CDATA[rows]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=888</guid>
<description><![CDATA[How to set up alternating row colors in Better ListView]]></description>
<content:encoded><![CDATA[<div id="attachment_889" style="width: 234px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/04/blv-alternating-rows.png"><img class="size-full wp-image-889" title="Alternating Rows" src="../../../wp-content/uploads/2014/04/blv-alternating-rows.png" alt="Alternating Rows" width="224" height="220" /></a><p class="wp-caption-text">Alternating Rows</p></div>
<p>Lists with alternating row colors are more readable. It is very simple to implement alternating rows in Better ListView.</p>
<p>Simply add <strong>DrawItemBackground</strong> event handler and fill background on odd/even items:</p>
<p>&nbsp;</p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private void ListViewOnDrawItemBackground(object sender, BetterListViewDrawItemBackgroundEventArgs eventArgs)<br />
{<br />
if ((eventArgs.Item.Index &#038; 1) == 1)<br />
{<br />
eventArgs.Graphics.FillRectangle(Brushes.AliceBlue, eventArgs.ItemBounds.BoundsOuter);<br />
}<br />
}<br />
[/csharp]</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/alternating-rows-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:14 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>alternating &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; alternating Tag Feed" href="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="archive tag tag-alternating tag-327">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;alternating&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=888.html" rel="bookmark" title="Permanent Link to Alternating Rows in Better ListView">Alternating Rows in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:49 by W3 Total Cache
-->

View File

@@ -0,0 +1,154 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>backcolor &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/backcolor/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Hot Tracking Items in Better ListView</title>
<link>http://www.componentowl.com/blog/hot-tracking-items-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/hot-tracking-items-in-better-listview/#respond</comments>
<pubDate>Fri, 15 Feb 2013 22:52:12 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[backcolor]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[color]]></category>
<category><![CDATA[drawing]]></category>
<category><![CDATA[drawn]]></category>
<category><![CDATA[font]]></category>
<category><![CDATA[hot]]></category>
<category><![CDATA[hottrack]]></category>
<category><![CDATA[hottracking]]></category>
<category><![CDATA[hover]]></category>
<category><![CDATA[hovers]]></category>
<category><![CDATA[hyperlink]]></category>
<category><![CDATA[hyperlinks]]></category>
<category><![CDATA[item]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[links]]></category>
<category><![CDATA[mouse]]></category>
<category><![CDATA[owner]]></category>
<category><![CDATA[ownerdraw]]></category>
<category><![CDATA[tracking]]></category>
<category><![CDATA[underline]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=861</guid>
<description><![CDATA[Tutorial on how to easily make item hot tracking work in Better ListView.]]></description>
<content:encoded><![CDATA[<div id="attachment_862" style="width: 206px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/02/hot-item-backcolor.gif"><img class="size-full wp-image-862" title="Hot Tracking" src="../../../wp-content/uploads/2013/02/hot-item-backcolor.gif" alt="Hot Tracking" width="196" height="128" /></a><p class="wp-caption-text">Hot Tracking</p></div>
<p>This post will show you how easy it is to make item hot tracking in <a href="../../../../betterlistview.exe">Better ListView</a>.</p>
<p>First, create a global variable in your Form or Control-derived class to hold a Font instance we will use for hot tracked items:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private Font fontHot = new Font(&#8220;Segoe UI&#8221;, 12.0f, FontStyle.Bold);<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Private fontHot As New Font(&#8220;Segoe UI&#8221;, 12F, FontStyle.Bold)<br />
[/vb]</p>
<p>This is not necessary, but we will re-use the font and will not need to create and dispose Font instances during hot tracking.</p>
<p>Second, initialize a <strong>BetterListView</strong> instance:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
var listView = new CustomListView();</p>
<p>// add some items in the list<br />
listView.Items.AddRange(new string[] { &#8220;The Hobbit&#8221;, &#8220;The People&#8217;s Crisis&#8221;, &#8220;The Net&#8221; });</p>
<p>// set default font for the items<br />
listView.FontItems = new Font(&#8220;Segoe UI&#8221;, 12.0f, FontStyle.Regular);</p>
<p>// add HitTestChanged event handler<br />
listView.HitTestChanged += ListViewHitTestChanged;<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Dim listView = New CustomListView()</p>
<p>&#8216; add some items in the list<br />
listView.Items.AddRange(New String() {&#8220;The Hobbit&#8221;, &#8220;The People&#8217;s Crisis&#8221;, &#8220;The Net&#8221;})</p>
<p>&#8216; set default font for the items<br />
listView.FontItems = New Font(&#8220;Segoe UI&#8221;, 12F, FontStyle.Regular)</p>
<p>&#8216; add HitTestChanged event handler<br />
listView.HitTestChanged += ListViewHitTestChanged<br />
[/vb]</p>
<p>Finally, implement the <strong>HitTestChanged</strong> event handler:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private void ListViewHitTestChanged(object sender, BetterListViewHitTestChangedEventArgs eventArgs)<br />
{<br />
BetterListView listView = (sender as BetterListView);<br />
BetterListViewItem itemCurrent = eventArgs.HitTestInfoCurrent.ItemDisplay;<br />
BetterListViewItem itemNew = eventArgs.HitTestInfoNew.ItemDisplay;</p>
<p> if (!ReferenceEquals(itemCurrent, itemNew))<br />
{<br />
listView.BeginUpdate();</p>
<p> if (itemCurrent != null)<br />
{<br />
// reset colors and font to default<br />
itemCurrent.BackColor = Color.Empty;<br />
itemCurrent.ForeColor = Color.Empty;<br />
itemCurrent.Font = null;<br />
}</p>
<p> if (itemNew != null)<br />
{<br />
// set hot background color of an item newly hovered<br />
itemNew.BackColor = Color.GreenYellow;<br />
itemNew.ForeColor = Color.DarkRed;<br />
itemNew.Font = this.fontHot;<br />
}</p>
<p> listView.EndUpdate();<br />
}<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Private Sub ListViewHitTestChanged(sender As Object, eventArgs As BetterListViewHitTestChangedEventArgs)<br />
Dim listView As BetterListView = TryCast(sender, BetterListView)<br />
Dim itemCurrent As BetterListViewItem = eventArgs.HitTestInfoCurrent.ItemDisplay<br />
Dim itemNew As BetterListViewItem = eventArgs.HitTestInfoNew.ItemDisplay</p>
<p> If Not ReferenceEquals(itemCurrent, itemNew) Then<br />
listView.BeginUpdate()</p>
<p> If itemCurrent IsNot Nothing Then<br />
&#8216; reset colors and font to default<br />
itemCurrent.BackColor = Color.Empty<br />
itemCurrent.ForeColor = Color.Empty<br />
itemCurrent.Font = Nothing<br />
End If</p>
<p> If itemNew IsNot Nothing Then<br />
&#8216; set hot background color of an item newly hovered<br />
itemNew.BackColor = Color.GreenYellow<br />
itemNew.ForeColor = Color.DarkRed<br />
itemNew.Font = Me.fontHot<br />
End If</p>
<p> listView.EndUpdate()<br />
End If<br />
End Sub<br />
[/vb]</p>
<p>This method is called whenever an element over which mouse cursors hovers changes. For example, when one moves the mouse cursor between two item&#8217;s expand button element and text element or between two items. We detect just the latter case and set item properties accordingly.</p>
<p><strong>Thats&#8217; it!</strong></p>
<p>Of course, you can change any of the properties during hot tracking or make use of rich <a href="../../../wp-content/uploads/2013/02/chapter-owner-draw.html">Owner Drawing</a> capabilities.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/hot-tracking-items-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:21 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>backcolor &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; backcolor Tag Feed" href="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="archive tag tag-backcolor tag-302">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;backcolor&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=861.html" rel="bookmark" title="Permanent Link to Hot Tracking Items in Better ListView">Hot Tracking Items in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:39:03 by W3 Total Cache
-->

View File

@@ -0,0 +1,84 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>background &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/background/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Better Thumbnail Browser Component Released</title>
<link>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/</link>
<comments>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/#comments</comments>
<pubDate>Sat, 01 Dec 2012 18:26:16 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[background]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[browser]]></category>
<category><![CDATA[component]]></category>
<category><![CDATA[control]]></category>
<category><![CDATA[folder]]></category>
<category><![CDATA[image]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[load]]></category>
<category><![CDATA[loading]]></category>
<category><![CDATA[thumbnail]]></category>
<category><![CDATA[thumbnailbrowser]]></category>
<category><![CDATA[thumbnails]]></category>
<category><![CDATA[winforms]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=823</guid>
<description><![CDATA[&#160; We have released a whole new WinForms component called Better Thumbnail Browser. This control is useful for anyone developing photo management software or any kind of image database: The control is capable of loading image thumbnails on background and does all the dirty job of threading and synchronization for you. My motivation to make [&#8230;]]]></description>
<content:encoded><![CDATA[<p>&nbsp;</p>
<p>We have released a whole new WinForms component called <a href="http://www.componentowl.com/better-thumbnail-browser">Better Thumbnail Browser</a>. This control is useful for anyone developing photo management software or any kind of image database:</p>
<div style="width: 404px" class="wp-caption aligncenter"><a href="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879"><img class=" " title="Better Thumbnail Browser" src="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" alt="Better Thumbnail Browser Overview" width="394" height="283" /></a><p class="wp-caption-text">Better Thumbnail Browser Overview</p></div>
<p>The control is capable of loading image thumbnails on background and does all the dirty job of threading and synchronization for you.</p>
<p>My motivation to make such component as lead developer at ComponentOwl.com was to have something that can smoothly integrate in my photo management software.</p>
<p>Since we already have <a href="http://www.componentowl.com/better-listview">Better ListView</a> component, which is quite mature (three major releases over two years of development), I decided to build upon it and finally make control for image thumbnails that is both extensible and powerful and have native look and feel.</p>
<p>Better Thumbnail Browser inherits most of its functionality from Better ListView (multi column sorting, custom paddings and spacings, multi-line text and groups to name a few). It adds image loading logic on top of it, which can handle various scenarios:</p>
<ul>
<li>Load images from a folder, database or custom source automatically</li>
<li>Load thumbnails with arbitrary sizes on background while progressively displaying them</li>
<li>Handle zooming thumbnails on the fly</li>
<li>Loading thumbnail items in multiple passes (e.g. load meta-data, then low quality image, then high quality image)</li>
<li>Loading thumbnails in custom order</li>
<li>Loading visible thumbnails first, then all other (and do this even though the user is scrolling the view)</li>
<li>Manage updating individual thumbnails or their count on the fly</li>
<li>Support showing loading progress</li>
</ul>
<p>The component is fully customizable and by default inherits native Windows theme. We tested it on Windows 8 with success:</p>
<div id="attachment_824" style="width: 404px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/12/w8-theme.jpg"><img class=" wp-image-824 " title="Better Thumbnail Browser with Windows 8 Theme" src="../../../wp-content/uploads/2012/12/w8-theme.jpg" alt="Better Thumbnail Browser with Windows 8 Theme" width="394" height="283" /></a><p class="wp-caption-text">Better Thumbnail Browser with Windows 8 Theme</p></div>
<p>&nbsp;</p>
<p>Better Thumbnail Browser contains default implementation for loading thumbnail images from disk. If you want to gather all images from a given folder (say &#8220;c:\images&#8221;), display them in Better Thumbnail Browser and load them on background, the code is particularly simple:</p>
<pre>thumbnailBrowser.Path = "c:\\images";</pre>
<p>And that&#8217;s it!</p>
<p>Better Thumbnail Browser will be our third component which is used in end-user consumer-level software package. This ensures future development, improvements and support.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/feed/</wfw:commentRss>
<slash:comments>1</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:58 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>background &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; background Tag Feed" href="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="archive tag tag-background tag-279">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;background&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=823.html" rel="bookmark" title="Permanent Link to Better Thumbnail Browser Component Released">Better Thumbnail Browser Component Released</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:40:43 by W3 Total Cache
-->

View File

@@ -0,0 +1,70 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>bars &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/bars/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Custom Scroll Bar Size in Better ListView</title>
<link>http://www.componentowl.com/blog/custom-scroll-bar-size-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/custom-scroll-bar-size-in-better-listview/#comments</comments>
<pubDate>Tue, 19 Mar 2013 15:56:22 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[bars]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[custom]]></category>
<category><![CDATA[height]]></category>
<category><![CDATA[large]]></category>
<category><![CDATA[larger]]></category>
<category><![CDATA[scroll]]></category>
<category><![CDATA[scrollbar]]></category>
<category><![CDATA[scrollbars]]></category>
<category><![CDATA[size]]></category>
<category><![CDATA[sizes]]></category>
<category><![CDATA[width]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=878</guid>
<description><![CDATA[How to make custom-sized scroll bars in Better ListView.]]></description>
<content:encoded><![CDATA[<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="http://www.componentowl.com/better-listview">Better ListView</a> and <a href="http://www.componentowl.com/better-listview-express">Better ListView Express</a>.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/custom-scroll-bar-size-in-better-listview/feed/</wfw:commentRss>
<slash:comments>4</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:15 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>bars &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; bars Tag Feed" href="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="archive tag tag-bars tag-319">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;bars&#8217;</h2>
<ul style="line-height: 1.5em">
<li><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></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:54 by W3 Total Cache
-->

View File

@@ -0,0 +1,90 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>behavior &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/behavior/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Custom Behavior of Group Headers in Better ListView</title>
<link>http://www.componentowl.com/blog/custom-behavior-of-group-headers-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/custom-behavior-of-group-headers-in-better-listview/#respond</comments>
<pubDate>Fri, 20 Jan 2012 09:40:44 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[behavior]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[custom]]></category>
<category><![CDATA[customize groups in listview]]></category>
<category><![CDATA[customize list view group headers]]></category>
<category><![CDATA[default]]></category>
<category><![CDATA[group]]></category>
<category><![CDATA[group header]]></category>
<category><![CDATA[header]]></category>
<category><![CDATA[hide]]></category>
<category><![CDATA[hot]]></category>
<category><![CDATA[list view group headers]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=480</guid>
<description><![CDATA[Behavior of group headers in Better ListView 2.5.0 can be customized. The default group header can be hidden.]]></description>
<content:encoded><![CDATA[<p>When developing our desktop applications, me and Jiri needed to adjust behavior of group headers in the <a href="http://www.componentowl.com/better-listview">Better ListView control</a>.</p>
<p>We discovered that making group header behavior customizable would be useful not only for us, but for other developers who utilize Better ListView as well, so we implemented this feature officially in <a href="../../../../betterlistview.exe">Better ListView 2.5.0</a>.</p>
<p>There are two new properties: <strong>ShowDefaultGroupHeader</strong> and <strong>GroupHeaderBehavior</strong>.</p>
<h1>Hiding the Default Group Header</h1>
<p>The <strong>ShowDefaultGroupHeader</strong> is initially set to <strong>true</strong>. This means that the default group (the group containing items which do not have a specific group) have its header displayed:</p>
<div id="attachment_503" style="width: 376px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/01/blv-showdefaultgroup1.png"><img class="size-full wp-image-503" title="blv-showdefaultgroup1" src="../../../wp-content/uploads/2012/01/blv-showdefaultgroup1.png" alt="Default group header is visible" width="366" height="247" srcset="../../../wp-content/uploads/2012/01/blv-showdefaultgroup1.png 366w, ../../../wp-content/uploads/2012/01/blv-showdefaultgroup1-300x202.png 300w" sizes="(max-width: 366px) 100vw, 366px" /></a><p class="wp-caption-text">Default group header is visible</p></div>
<p>When <strong>ShowDefaultGroupHeader</strong> is set to <strong>false</strong>, the &#8220;Default&#8221; group header on top can be hidden:</p>
<div id="attachment_504" style="width: 376px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/01/blv-showdefaultgroup2.png"><img class="size-full wp-image-504" title="blv-showdefaultgroup2" src="../../../wp-content/uploads/2012/01/blv-showdefaultgroup2.png" alt="Default group header is hidden" width="366" height="247" srcset="../../../wp-content/uploads/2012/01/blv-showdefaultgroup2.png 366w, ../../../wp-content/uploads/2012/01/blv-showdefaultgroup2-300x202.png 300w" sizes="(max-width: 366px) 100vw, 366px" /></a><p class="wp-caption-text">Default group header is hidden</p></div>
<h1>Adjusting Group Header Behavior</h1>
<p>The group headers have two kinds of behavior. They can be <em>focused</em> and can <em>cause selection</em> of items. Both of these functions can be invoked by keyboard and mouse.</p>
<p>The <strong>GroupHeaderBehavior</strong> property allows changing this behavior for keyboard and mouse separately.</p>
<p>By default, the property is set to <strong>BetterListViewGroupHeaderBehavior.All</strong>, so that all functions of the group header are turned on.</p>
<p>You may want to make group headers completely non-interactive. This can be done by setting the property to <strong>BetterListViewGroupHeaderBehavior.None</strong>.</p>
<p>Other values of the enum can be combined to create desired behavior.</p>
<p><em>Keyboard:</em></p>
<ul>
<li>Focus only</li>
<li>Focus and select items in the group</li>
</ul>
<p><em>Mouse:</em></p>
<ul>
<li>Focus</li>
<li>Select items in the group</li>
<li>Highligh when mouse cursor is over the group header</li>
</ul>
<div>The expand button of group headers can still be used even if the group header has all the behaviors turned off. If you need to hide the expand button as well, set <strong>BetterListViewGroup.AllowShowExpandButton</strong> to <strong>false</strong>.</div>
<h1>Use Case: Metadata Viewer</h1>
<p>Here Better ListView is used for viewing image metadata tags:</p>
<div id="attachment_502" style="width: 346px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/01/metadata-view.png"><img class="size-full wp-image-502" title="metadata-view" src="../../../wp-content/uploads/2012/01/metadata-view.png" alt="Metadata View window" width="336" height="518" srcset="../../../wp-content/uploads/2012/01/metadata-view.png 336w, ../../../wp-content/uploads/2012/01/metadata-view-194x300.png 194w" sizes="(max-width: 336px) 100vw, 336px" /></a><p class="wp-caption-text">Metadata View window</p></div>
<p>Only one tag can be selected at a time, so clicking on a group header has no effect on selection and need not to be highlighted.</p>
<p>One may still need, however, to allow focusing the group header with keyboard and mouse so that it is possible to collapse/expand the group with arrow keys. The desired behavior can be set this way:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]listView.GroupHeaderBehavior = (BetterListViewGroupHeaderBehavior.KeyboardFocus &amp; BetterListViewGroupHeaderBehavior.MouseFocus);[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]listView.GroupHeaderBehavior = (BetterListViewGroupHeaderBehavior.KeyboardFocus And BetterListViewGroupHeaderBehavior.MouseFocus)[/vb]</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/custom-behavior-of-group-headers-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:40 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>behavior &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; behavior Tag Feed" href="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="archive tag tag-behavior tag-133">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;behavior&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=480.html" rel="bookmark" title="Permanent Link to Custom Behavior of Group Headers in Better ListView">Custom Behavior of Group Headers in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:39:48 by W3 Total Cache
-->

View File

@@ -0,0 +1,98 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>below &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/below/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>How to Add Grid Lines in Empty Space in Better ListView</title>
<link>http://www.componentowl.com/blog/how-to-add-grid-lines-in-empty-space-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/how-to-add-grid-lines-in-empty-space-in-better-listview/#respond</comments>
<pubDate>Wed, 30 Apr 2014 09:51:46 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[below]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[empty]]></category>
<category><![CDATA[grid]]></category>
<category><![CDATA[gridlines]]></category>
<category><![CDATA[lines]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[space]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=894</guid>
<description><![CDATA[How to draw grid lines below last item in Better ListView]]></description>
<content:encoded><![CDATA[<div id="attachment_895" style="width: 271px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/04/blv-gridlines-1.png"><img class="size-full wp-image-895 " title="Default list without grid lines below items" src="../../../wp-content/uploads/2014/04/blv-gridlines-1.png" alt="Default list without grid lines below items" width="261" height="308" /></a><p class="wp-caption-text">Default list without grid lines below items</p></div>
<div id="attachment_896" style="width: 271px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/04/blv-gridlines-2.png"><img class=" wp-image-896 " title="List with grid lines added" src="../../../wp-content/uploads/2014/04/blv-gridlines-2.png" alt="List with grid lines added" width="261" height="308" /></a><p class="wp-caption-text">List with grid lines added</p></div>
<p style="text-align: center;">
<p>Setting grid lines in Better ListView is easy. Simply make sure you are using <strong>Details</strong> view (the default view). Then you can set <strong>GridLines</strong> property to one of the following values:</p>
<ul>
<li><strong>None</strong> &#8211; grid lines are hidden</li>
<li><strong>Horizontal</strong> &#8211; only horizontal lines are displayed</li>
<li><strong>Vertical</strong> &#8211; only vertical lines are displayed</li>
<li><strong>Grid</strong> &#8211; both horizontal and vertical lines are displayed, forming a grid</li>
</ul>
<p>None of these settings, however, cause drawing lines <em>below</em> the last visible item, which may be desirable. The reason for this is that Better ListView supports <a href="http://www.componentowl.com/blog/custom-item-height-in-details-view-of-better-listview/">custom item height</a> and there is uncertainity about the spacing between new grid lines (smallest?, largest?, average?) It is up to your choice.</p>
<p>To draw new grid lines, handle the <strong>DrawBackground</strong> event (or subclass BetterListView and override the <strong>OnDrawBackground</strong> method) with the following code:</p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private void ListViewOnDrawBackground(object sender, BetterListViewDrawBackgroundEventArgs eventArgs)<br />
{<br />
BetterListView listView = (BetterListView)sender;</p>
<p> // get last visible item<br />
var item = listView.BottomItem;</p>
<p> if (item == null)<br />
{<br />
return;<br />
}</p>
<p> // measure row height<br />
var bounds = listView.GetItemBounds(item);<br />
int rowHeight = bounds.BoundsOuterExtended.Height;</p>
<p> // draw additional lines<br />
Rectangle rectClient = listView.ClientRectangleInner;<br />
Pen penGridLines = new Pen(listView.ColorGridLines, 1.0f);</p>
<p> int y = (bounds.BoundsOuterExtended.Bottom + rowHeight);</p>
<p> while (y < rectClient.Bottom)
{
eventArgs.Graphics.DrawLine(
penGridLines,
rectClient.Left,
y,
rectClient.Right - 1,
y);
y += rowHeight;
}
penGridLines.Dispose();
}
[/csharp]
What this code does is getting the last visible item using <strong>BottomItem</strong> property. It is important  to get this visible item instead of e.g. first item because <strong>GetItemBounds</strong> method returns non-null value on visible items only. The <strong>GetItemBounds</strong> method reveals item measurement which is used to determine item height and coordinate of its bottom. Finally, we draw new lines using current grid line color  (<strong>ColorGridLines</strong> property) until reaching the bottom of the view.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/how-to-add-grid-lines-in-empty-space-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:13 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>below &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; below Tag Feed" href="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="archive tag tag-below tag-336">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;below&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=894.html" rel="bookmark" title="Permanent Link to How to Add Grid Lines in Empty Space in Better ListView">How to Add Grid Lines in Empty Space in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:47 by W3 Total Cache
-->

View File

@@ -0,0 +1,918 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>better listview &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/better-listview-2/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Centering Images in Better ListView Sub-items</title>
<link>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/</link>
<comments>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/#respond</comments>
<pubDate>Wed, 06 Aug 2014 21:14:10 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[align]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[center]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[columns]]></category>
<category><![CDATA[header]]></category>
<category><![CDATA[image]]></category>
<category><![CDATA[images]]></category>
<category><![CDATA[layout]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[sub-items]]></category>
<category><![CDATA[subitem]]></category>
<category><![CDATA[subitems]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=906</guid>
<description><![CDATA[How to align images to center in Better ListView sub-items and columns.]]></description>
<content:encoded><![CDATA[<div id="attachment_907" style="width: 380px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/08/blv-overlay.png"><img class="size-full wp-image-907" title="Centered images in Better ListView" src="../../../wp-content/uploads/2014/08/blv-overlay.png" alt="Centered images in Better ListView" width="370" height="162" /></a><p class="wp-caption-text">Centered images in Better ListView</p></div>
<p>Better ListView 3.11 supports aligning images in sub-items and columns to center. Simply set <strong>AlignHorizontalImage</strong> property of an sub-item or column to <strong>BetterListViewImageAlignmentHorizontal.OverlayCenter</strong>.</p>
<p>The image will be centered inside available space regardless of text.</p>
<p>This is useful for sub-items and column headers consisting of image only.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Alternating Rows in Better ListView</title>
<link>http://www.componentowl.com/blog/alternating-rows-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/alternating-rows-in-better-listview/#respond</comments>
<pubDate>Tue, 22 Apr 2014 22:38:15 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[alternating]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[colored]]></category>
<category><![CDATA[colors]]></category>
<category><![CDATA[even]]></category>
<category><![CDATA[odd]]></category>
<category><![CDATA[rows]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=888</guid>
<description><![CDATA[How to set up alternating row colors in Better ListView]]></description>
<content:encoded><![CDATA[<div id="attachment_889" style="width: 234px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/04/blv-alternating-rows.png"><img class="size-full wp-image-889" title="Alternating Rows" src="../../../wp-content/uploads/2014/04/blv-alternating-rows.png" alt="Alternating Rows" width="224" height="220" /></a><p class="wp-caption-text">Alternating Rows</p></div>
<p>Lists with alternating row colors are more readable. It is very simple to implement alternating rows in Better ListView.</p>
<p>Simply add <strong>DrawItemBackground</strong> event handler and fill background on odd/even items:</p>
<p>&nbsp;</p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private void ListViewOnDrawItemBackground(object sender, BetterListViewDrawItemBackgroundEventArgs eventArgs)<br />
{<br />
if ((eventArgs.Item.Index &#038; 1) == 1)<br />
{<br />
eventArgs.Graphics.FillRectangle(Brushes.AliceBlue, eventArgs.ItemBounds.BoundsOuter);<br />
}<br />
}<br />
[/csharp]</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/alternating-rows-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Custom Scroll Bar Size in Better ListView</title>
<link>http://www.componentowl.com/blog/custom-scroll-bar-size-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/custom-scroll-bar-size-in-better-listview/#comments</comments>
<pubDate>Tue, 19 Mar 2013 15:56:22 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[bars]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[custom]]></category>
<category><![CDATA[height]]></category>
<category><![CDATA[large]]></category>
<category><![CDATA[larger]]></category>
<category><![CDATA[scroll]]></category>
<category><![CDATA[scrollbar]]></category>
<category><![CDATA[scrollbars]]></category>
<category><![CDATA[size]]></category>
<category><![CDATA[sizes]]></category>
<category><![CDATA[width]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=878</guid>
<description><![CDATA[How to make custom-sized scroll bars in Better ListView.]]></description>
<content:encoded><![CDATA[<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="http://www.componentowl.com/better-listview">Better ListView</a> and <a href="http://www.componentowl.com/better-listview-express">Better ListView Express</a>.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/custom-scroll-bar-size-in-better-listview/feed/</wfw:commentRss>
<slash:comments>4</slash:comments>
</item>
<item>
<title>How to Make Items Fading on Edges in Better ListView</title>
<link>http://www.componentowl.com/blog/how-to-make-items-fading-on-edges-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/how-to-make-items-fading-on-edges-in-better-listview/#respond</comments>
<pubDate>Tue, 05 Mar 2013 15:45:22 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[borders]]></category>
<category><![CDATA[boundaries]]></category>
<category><![CDATA[drawing]]></category>
<category><![CDATA[drawn]]></category>
<category><![CDATA[edge]]></category>
<category><![CDATA[edges]]></category>
<category><![CDATA[fading]]></category>
<category><![CDATA[gradient]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[over]]></category>
<category><![CDATA[owner]]></category>
<category><![CDATA[ownerdrawing]]></category>
<category><![CDATA[ownerdrawn]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=868</guid>
<description><![CDATA[How to create the effect seen on smarphones when items are fading on control's edges with WinForms Better ListView.]]></description>
<content:encoded><![CDATA[<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>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/how-to-make-items-fading-on-edges-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Hot Tracking Items in Better ListView</title>
<link>http://www.componentowl.com/blog/hot-tracking-items-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/hot-tracking-items-in-better-listview/#respond</comments>
<pubDate>Fri, 15 Feb 2013 22:52:12 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[backcolor]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[color]]></category>
<category><![CDATA[drawing]]></category>
<category><![CDATA[drawn]]></category>
<category><![CDATA[font]]></category>
<category><![CDATA[hot]]></category>
<category><![CDATA[hottrack]]></category>
<category><![CDATA[hottracking]]></category>
<category><![CDATA[hover]]></category>
<category><![CDATA[hovers]]></category>
<category><![CDATA[hyperlink]]></category>
<category><![CDATA[hyperlinks]]></category>
<category><![CDATA[item]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[links]]></category>
<category><![CDATA[mouse]]></category>
<category><![CDATA[owner]]></category>
<category><![CDATA[ownerdraw]]></category>
<category><![CDATA[tracking]]></category>
<category><![CDATA[underline]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=861</guid>
<description><![CDATA[Tutorial on how to easily make item hot tracking work in Better ListView.]]></description>
<content:encoded><![CDATA[<div id="attachment_862" style="width: 206px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/02/hot-item-backcolor.gif"><img class="size-full wp-image-862" title="Hot Tracking" src="../../../wp-content/uploads/2013/02/hot-item-backcolor.gif" alt="Hot Tracking" width="196" height="128" /></a><p class="wp-caption-text">Hot Tracking</p></div>
<p>This post will show you how easy it is to make item hot tracking in <a href="../../../../betterlistview.exe">Better ListView</a>.</p>
<p>First, create a global variable in your Form or Control-derived class to hold a Font instance we will use for hot tracked items:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private Font fontHot = new Font(&#8220;Segoe UI&#8221;, 12.0f, FontStyle.Bold);<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Private fontHot As New Font(&#8220;Segoe UI&#8221;, 12F, FontStyle.Bold)<br />
[/vb]</p>
<p>This is not necessary, but we will re-use the font and will not need to create and dispose Font instances during hot tracking.</p>
<p>Second, initialize a <strong>BetterListView</strong> instance:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
var listView = new CustomListView();</p>
<p>// add some items in the list<br />
listView.Items.AddRange(new string[] { &#8220;The Hobbit&#8221;, &#8220;The People&#8217;s Crisis&#8221;, &#8220;The Net&#8221; });</p>
<p>// set default font for the items<br />
listView.FontItems = new Font(&#8220;Segoe UI&#8221;, 12.0f, FontStyle.Regular);</p>
<p>// add HitTestChanged event handler<br />
listView.HitTestChanged += ListViewHitTestChanged;<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Dim listView = New CustomListView()</p>
<p>&#8216; add some items in the list<br />
listView.Items.AddRange(New String() {&#8220;The Hobbit&#8221;, &#8220;The People&#8217;s Crisis&#8221;, &#8220;The Net&#8221;})</p>
<p>&#8216; set default font for the items<br />
listView.FontItems = New Font(&#8220;Segoe UI&#8221;, 12F, FontStyle.Regular)</p>
<p>&#8216; add HitTestChanged event handler<br />
listView.HitTestChanged += ListViewHitTestChanged<br />
[/vb]</p>
<p>Finally, implement the <strong>HitTestChanged</strong> event handler:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private void ListViewHitTestChanged(object sender, BetterListViewHitTestChangedEventArgs eventArgs)<br />
{<br />
BetterListView listView = (sender as BetterListView);<br />
BetterListViewItem itemCurrent = eventArgs.HitTestInfoCurrent.ItemDisplay;<br />
BetterListViewItem itemNew = eventArgs.HitTestInfoNew.ItemDisplay;</p>
<p> if (!ReferenceEquals(itemCurrent, itemNew))<br />
{<br />
listView.BeginUpdate();</p>
<p> if (itemCurrent != null)<br />
{<br />
// reset colors and font to default<br />
itemCurrent.BackColor = Color.Empty;<br />
itemCurrent.ForeColor = Color.Empty;<br />
itemCurrent.Font = null;<br />
}</p>
<p> if (itemNew != null)<br />
{<br />
// set hot background color of an item newly hovered<br />
itemNew.BackColor = Color.GreenYellow;<br />
itemNew.ForeColor = Color.DarkRed;<br />
itemNew.Font = this.fontHot;<br />
}</p>
<p> listView.EndUpdate();<br />
}<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Private Sub ListViewHitTestChanged(sender As Object, eventArgs As BetterListViewHitTestChangedEventArgs)<br />
Dim listView As BetterListView = TryCast(sender, BetterListView)<br />
Dim itemCurrent As BetterListViewItem = eventArgs.HitTestInfoCurrent.ItemDisplay<br />
Dim itemNew As BetterListViewItem = eventArgs.HitTestInfoNew.ItemDisplay</p>
<p> If Not ReferenceEquals(itemCurrent, itemNew) Then<br />
listView.BeginUpdate()</p>
<p> If itemCurrent IsNot Nothing Then<br />
&#8216; reset colors and font to default<br />
itemCurrent.BackColor = Color.Empty<br />
itemCurrent.ForeColor = Color.Empty<br />
itemCurrent.Font = Nothing<br />
End If</p>
<p> If itemNew IsNot Nothing Then<br />
&#8216; set hot background color of an item newly hovered<br />
itemNew.BackColor = Color.GreenYellow<br />
itemNew.ForeColor = Color.DarkRed<br />
itemNew.Font = Me.fontHot<br />
End If</p>
<p> listView.EndUpdate()<br />
End If<br />
End Sub<br />
[/vb]</p>
<p>This method is called whenever an element over which mouse cursors hovers changes. For example, when one moves the mouse cursor between two item&#8217;s expand button element and text element or between two items. We detect just the latter case and set item properties accordingly.</p>
<p><strong>Thats&#8217; it!</strong></p>
<p>Of course, you can change any of the properties during hot tracking or make use of rich <a href="../../../wp-content/uploads/2013/02/chapter-owner-draw.html">Owner Drawing</a> capabilities.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/hot-tracking-items-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Binding Images in Better ListView</title>
<link>http://www.componentowl.com/blog/binding-images-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/binding-images-in-better-listview/#respond</comments>
<pubDate>Mon, 28 Jan 2013 03:54:22 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[bind]]></category>
<category><![CDATA[binding]]></category>
<category><![CDATA[bound]]></category>
<category><![CDATA[data]]></category>
<category><![CDATA[databinding]]></category>
<category><![CDATA[databound]]></category>
<category><![CDATA[icon]]></category>
<category><![CDATA[icons]]></category>
<category><![CDATA[imagekey]]></category>
<category><![CDATA[imagelist]]></category>
<category><![CDATA[images]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=850</guid>
<description><![CDATA[How to use images instead of textual data in Better ListView data binding.]]></description>
<content:encoded><![CDATA[<p><a href="../../../../betterlistview.exe">Better ListView 3.5</a> have improved data binding functionality. You can adjust how the data rows will be converted to items/sub-items and vice versa. For example, you can show images based on the bound data:</p>
<div id="attachment_853" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding3.png"><img class="size-full wp-image-853" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding3.png" alt="Better ListView with bound list" width="260" height="222" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>Say you have a simple <strong>Server</strong> type:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
public class Server<br />
{<br />
public string ServerName<br />
{<br />
get;<br />
set;<br />
}</p>
<p> public int ServerStatus<br />
{<br />
get;<br />
set;<br />
}</p>
<p> public Server(string name, int status)<br />
{<br />
ServerName = name;<br />
ServerStatus = status;<br />
}<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Public Class Server</p>
<p> Public Property ServerName() As String<br />
Get<br />
Return m_ServerName<br />
End Get<br />
Set<br />
m_ServerName = Value<br />
End Set<br />
End Property</p>
<p> Public Property ServerStatus() As Integer<br />
Get<br />
Return m_ServerStatus<br />
End Get<br />
Set<br />
m_ServerStatus = Value<br />
End Set<br />
End Property</p>
<p> Private m_ServerName As String<br />
Private m_ServerStatus As Integer</p>
<p> Public Sub New(name As String, status As Integer)<br />
ServerName = name<br />
ServerStatus = status<br />
End Sub</p>
<p>End Class<br />
[/vb]</p>
<p>This class contains two properties representing server name and its status. The server name is a textual property and one would like this mapped to item label as usual. However, the server status is a numerical value which have no meaning to the user even when converted to string. In fact, the numerical value can be 0 (<em>offline</em>), 1 (<em>idle</em>) or 2 (<em>running</em>). You may like to display color icons instead of plain strings or numbers. What if we would like to even highlight some items or change other properties during data binding? This is possible through Better ListView data binding customization.</p>
<p>First, let&#8217;s create a list of <strong>Server</strong> objects and bind this to a Better ListView. We would like to have columns auto-generated, so we set <strong>DataBindColumns</strong> to <strong>true</strong>:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Server[] servers = new[]<br />
{<br />
new Server(&#8220;Andromeda&#8221;, 2),<br />
new Server(&#8220;Taurus&#8221;, 1),<br />
new Server(&#8220;Himalia&#8221;, 2),<br />
new Server(&#8220;Nanda&#8221;, 2),<br />
new Server(&#8220;Elara&#8221;, 0),<br />
new Server(&#8220;Perseus&#8221;, 2),<br />
new Server(&#8220;Titan&#8221;, 1)<br />
};</p>
<p>ImageList imageList = new ImageList();</p>
<p>imageList.ColorDepth = ColorDepth.Depth32Bit;<br />
imageList.ImageSize = new Size(16, 16);<br />
imageList.Images.AddStrip(Image.FromFile(&#8220;status.png&#8221;));</p>
<p>BetterListView listView = new CustomListView();</p>
<p>listView.DataBindColumns = true;<br />
listView.DataSource = servers;<br />
listView.ImageList = imageList;<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Dim servers As Server() = New () {New Server(&#8220;Andromeda&#8221;, 2), New Server(&#8220;Taurus&#8221;, 1), New Server(&#8220;Himalia&#8221;, 2), New Server(&#8220;Nanda&#8221;, 2), New Server(&#8220;Elara&#8221;, 0), New Server(&#8220;Perseus&#8221;, 2), _<br />
New Server(&#8220;Titan&#8221;, 1)}</p>
<p>Dim imageList As New ImageList()</p>
<p>imageList.ColorDepth = ColorDepth.Depth32Bit<br />
imageList.ImageSize = New Size(16, 16)<br />
imageList.Images.AddStrip(Image.FromFile(&#8220;status.png&#8221;))</p>
<p>Dim listView As BetterListView = New CustomListView()</p>
<p>listView.DataBindColumns = True<br />
listView.DataSource = servers<br />
listView.ImageList = imageList<br />
[/vb]</p>
<p>Let&#8217;s take a look on the result:</p>
<div id="attachment_851" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding1.png"><img class="size-full wp-image-851" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding1.png" alt="Better ListView with bound list" width="260" height="173" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>&nbsp;</p>
<p>The columns were auto-generated and <strong>Server</strong> properties properly converted to item and sub-item labels. The generated column header labels are just names of the corresponding properties (ServerName, ServerStatus). You can make the names more convenient by providing <strong>DisplayNameAttribute</strong> on the respective properties:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
&#8230;</p>
<p>[DisplayName(&#8220;Server Name&#8221;)]<br />
public string ServerName<br />
{<br />
get;<br />
set;<br />
}</p>
<p>[DisplayName(&#8220;Status&#8221;)]<br />
public int ServerStatus<br />
{<br />
get;<br />
set;<br />
}</p>
<p>&#8230;<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
&#8230;</p>
<p><DisplayName("Server Name")> _<br />
Public Property ServerName() As String<br />
Get<br />
Return m_ServerName<br />
End Get<br />
Set<br />
m_ServerName = Value<br />
End Set<br />
End Property</p>
<p><DisplayName("Status")> _<br />
Public Property ServerStatus() As Integer<br />
Get<br />
Return m_ServerStatus<br />
End Get<br />
Set<br />
m_ServerStatus = Value<br />
End Set<br />
End Property</p>
<p>&#8230;<br />
[/vb]</p>
<p>Now the column names are more user friendly:</p>
<div id="attachment_852" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding2.png"><img class="size-full wp-image-852" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding2.png" alt="Better ListView with bound list" width="260" height="173" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>We will finally add state images (instead of the numbers) and highlight some items. To do that, we have to override <strong>DataCreateItem</strong> method in a class derived from <strong>BetterListView</strong>:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
public class CustomListView : BetterListView<br />
{<br />
protected override BetterListViewItem DataCreateItem(<br />
CurrencyManager currentDataManager,<br />
BindingMemberInfo[] currentDisplayMembers,<br />
int index)<br />
{<br />
// create item using the base implementation<br />
BetterListViewItem item = base.DataCreateItem(<br />
currentDataManager,<br />
currentDisplayMembers,<br />
index);</p>
<p> // get server status from the current Server object<br />
int serverStatus = ((Server)currentDataManager.List[index]).ServerStatus;</p>
<p> if (serverStatus == 0)<br />
{<br />
// bold item when server status is 0<br />
item.IsBold = true;<br />
}</p>
<p> // get sub-item corresponding to server status<br />
BetterListViewSubItem subItemStatus = item.SubItems[1];</p>
<p> subItemStatus.ImageIndex = serverStatus; // set image for the sub-item<br />
subItemStatus.Text = &#8220;&#8221;; // clear sub-item text</p>
<p> return item;<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</p>
<p> Protected Overrides Function DataCreateItem(currentDataManager As CurrencyManager, currentDisplayMembers As BindingMemberInfo(), index As Integer) As BetterListViewItem</p>
<p> &#8216; create item using the base implementation<br />
Dim item As BetterListViewItem = MyBase.DataCreateItem(currentDataManager, currentDisplayMembers, index)</p>
<p> &#8216; get server status from the current Server object<br />
Dim serverStatus As Integer = DirectCast(currentDataManager.List(index), Server).ServerStatus</p>
<p> If serverStatus = 0 Then<br />
&#8216; bold item when server status is 0<br />
item.IsBold = True<br />
End If</p>
<p> &#8216; get sub-item corresponding to server status<br />
Dim subItemStatus As BetterListViewSubItem = item.SubItems(1)</p>
<p> subItemStatus.ImageIndex = serverStatus<br />
&#8216; set image for the sub-item<br />
subItemStatus.Text = &#8220;&#8221;<br />
&#8216; clear sub-item text<br />
Return item</p>
<p> End Function</p>
<p>End Class<br />
[/vb]</p>
<p>Now the control displays adjusted images and a highlighted item:</p>
<div id="attachment_853" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding3.png"><img class="size-full wp-image-853" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding3.png" alt="Better ListView with bound list" width="260" height="222" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>Note that you can customize data binding the other way as well by overriding the <strong>DataUpdateSubItemToSource</strong> method. This method is responsible for updating the bound data source when item/sub-item value have been modified.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/binding-images-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Enabling Search Highlight in Better ListView</title>
<link>http://www.componentowl.com/blog/enabling-search-highlight-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/enabling-search-highlight-in-better-listview/#comments</comments>
<pubDate>Fri, 11 Jan 2013 02:00:17 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[highlight]]></category>
<category><![CDATA[highlighting]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[list]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[mark]]></category>
<category><![CDATA[matched]]></category>
<category><![CDATA[search]]></category>
<category><![CDATA[searching]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=843</guid>
<description><![CDATA[How to use and customize Search Highlight feature in Better ListView.]]></description>
<content:encoded><![CDATA[<p>We have improved <a href="../../../wp-content/uploads/2013/01/chapter-search.html">item searching</a> capabilities of <a href="http://www.componentowl.com/better-listview">Better ListView</a> by introducing <strong>Search Highlight</strong> feature. This feature automatically shows search matches and works out of the box with both searching by typing and searching from code (e.g. using search box):</p>
<div id="attachment_844" style="width: 358px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/search-highlight-1.gif"><img class="size-full wp-image-844" title="Search Highlight Feature" src="../../../wp-content/uploads/2013/01/search-highlight-1.gif" alt="Search Highlight Feature" width="348" height="193" /></a><p class="wp-caption-text">Search Highlight Feature</p></div>
<p>&nbsp;</p>
<p>To enable the highlight, simply add <strong>UpdateSearchHighlight</strong> option in the search settings:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
listView.SearchSettings = new BetterListViewSearchSettings(<br />
listView.SearchSettings.Mode,<br />
listView.SearchSettings.Options | BetterListViewSearchOptions.UpdateSearchHighlight,<br />
listView.SearchSettings.SubItemIndices);<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
ListView.SearchSettings = New BetterListViewSearchSettings(<br />
listView.SearchSettings.Mode,<br />
listView.SearchSettings.Options Or BetterListViewSearchOptions.UpdateSearchHighlight,<br />
listView.SearchSettings.SubItemIndices)<br />
[/vb]</p>
<p>Every item contains information about the match in the <strong>BetterListViewItem.SearchHighlight</strong> property. When <strong>BetterListViewItem.SearchHighlight.IsEmpty</strong> is <strong>true</strong>, the item was not matched by the search. Otherwise it contains information about the matched substring: its index and number of characters.</p>
<p>Highlight colors can be adjusted by three properties: <strong>ColorSearchHighlight</strong>, <strong>ColorSearchHighlightBorder</strong> and <strong>ColorSearchHighlightText</strong>:</p>
<div id="attachment_846" style="width: 337px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/properties.png"><img class="size-full wp-image-846" title="Search Highlight Properties" src="../../../wp-content/uploads/2013/01/properties.png" alt="Search Highlight Properties" width="327" height="352" /></a><p class="wp-caption-text">Search Highlight Properties</p></div>
<p>The display can be adjusted even further with owner drawing:</p>
<div id="attachment_845" style="width: 358px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/search-highlight-2.gif"><img class="size-full wp-image-845" title="Customized Search Highlight Feature" src="../../../wp-content/uploads/2013/01/search-highlight-2.gif" alt="Customized Search Highlight Feature" width="348" height="193" /></a><p class="wp-caption-text">Customized Search Highlight Feature</p></div>
<p>Here we have used ellipses drawn on item background by modifying <strong>OnDrawItem</strong> and <strong>OnDrawItemBackground</strong> methods of <strong>BetterListView</strong>:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
using System.Drawing;<br />
using System.Drawing.Drawing2D;</p>
<p>using BetterListView;</p>
<p>internal sealed class CustomListView : BetterListView<br />
{<br />
protected override void OnDrawItem(BetterListViewDrawItemEventArgs eventArgs)<br />
{<br />
// do not draw search highlight because we will draw our own<br />
eventArgs.DrawSearchHighlight = false;</p>
<p> base.OnDrawItem(eventArgs);<br />
}</p>
<p> protected override void OnDrawItemBackground(BetterListViewDrawItemBackgroundEventArgs eventArgs)<br />
{<br />
base.OnDrawItemBackground(eventArgs);</p>
<p> // draw custom search highlight on item background<br />
BetterListViewSearchHighlight searchHighlight = eventArgs.Item.SearchHighlight;</p>
<p> if (searchHighlight.IsEmpty == false)<br />
{<br />
eventArgs.Graphics.SmoothingMode = SmoothingMode.HighQuality;</p>
<p> Rectangle rectHighlight = eventArgs.ItemBounds.SubItemBounds[searchHighlight.ColumnIndex].BoundsSearchHighlight;</p>
<p> Brush brushHighlight = new SolidBrush(Color.FromArgb(128, Color.MediumPurple));<br />
Pen penHighlight = new Pen(Color.Purple, 1.0f);</p>
<p> eventArgs.Graphics.FillEllipse(brushHighlight, rectHighlight);<br />
eventArgs.Graphics.DrawEllipse(penHighlight, rectHighlight);</p>
<p> brushHighlight.Dispose();<br />
penHighlight.Dispose();<br />
}<br />
}<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Imports System.Drawing<br />
Imports System.Drawing.Drawing2D</p>
<p>Imports BetterListView</p>
<p>Friend NotInheritable Class CustomListView<br />
Inherits BetterListView<br />
Protected Overrides Sub OnDrawItem(eventArgs As BetterListViewDrawItemEventArgs)<br />
&#8216; do not draw search highlight because we will draw our own<br />
eventArgs.DrawSearchHighlight = False</p>
<p> MyBase.OnDrawItem(eventArgs)<br />
End Sub</p>
<p> Protected Overrides Sub OnDrawItemBackground(eventArgs As BetterListViewDrawItemBackgroundEventArgs)<br />
MyBase.OnDrawItemBackground(eventArgs)</p>
<p> &#8216; draw custom search highlight on item background<br />
Dim searchHighlight As BetterListViewSearchHighlight = eventArgs.Item.SearchHighlight</p>
<p> If searchHighlight.IsEmpty = False Then<br />
eventArgs.Graphics.SmoothingMode = SmoothingMode.HighQuality</p>
<p> Dim rectHighlight As Rectangle = eventArgs.ItemBounds.SubItemBounds(searchHighlight.ColumnIndex).BoundsSearchHighlight</p>
<p> Dim brushHighlight As Brush = New SolidBrush(Color.FromArgb(128, Color.MediumPurple))<br />
Dim penHighlight As New Pen(Color.Purple, 1F)</p>
<p> eventArgs.Graphics.FillEllipse(brushHighlight, rectHighlight)<br />
eventArgs.Graphics.DrawEllipse(penHighlight, rectHighlight)</p>
<p> brushHighlight.Dispose()<br />
penHighlight.Dispose()<br />
End If<br />
End Sub<br />
End Class<br />
[/vb]</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/enabling-search-highlight-in-better-listview/feed/</wfw:commentRss>
<slash:comments>1</slash:comments>
</item>
<item>
<title>Custom label edit: How to rename file names without extension in Better ListView</title>
<link>http://www.componentowl.com/blog/custom-label-edit-how-to-rename-file-names-without-extension-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/custom-label-edit-how-to-rename-file-names-without-extension-in-better-listview/#respond</comments>
<pubDate>Thu, 20 Dec 2012 17:42:14 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[custom]]></category>
<category><![CDATA[edit]]></category>
<category><![CDATA[explorer]]></category>
<category><![CDATA[extension]]></category>
<category><![CDATA[extensions]]></category>
<category><![CDATA[file]]></category>
<category><![CDATA[filename]]></category>
<category><![CDATA[files]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[label]]></category>
<category><![CDATA[labeledit]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[rename]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=831</guid>
<description><![CDATA[How to use Label Edit in Better ListView to allow renaming just file names while displaying full names (filename + extension).]]></description>
<content:encoded><![CDATA[<p><a href="../../../wp-content/uploads/2012/12/label-edit.gif"><img class="aligncenter size-full wp-image-832" title="label-edit" src="../../../wp-content/uploads/2012/12/label-edit.gif" alt="" width="291" height="178" /></a></p>
<p>Let&#8217;s suppose you want to display files with extensions in <a href="http://www.componentowl.com/better-listview">Better ListView</a>, but allow user to rename just the file name, leaving the file extension intact after the editing. </p>
<p>The code for this is very simple. Just turn on label editing and handle two events: <strong>BeforeLabelEdit</strong> and <strong>AfterLabelEditCancel</strong>:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
betterListView.LabelEdit = true;</p>
<p>betterListView.BeforeLabelEdit += BetterListViewBeforeLabelEdit;<br />
betterListView.AfterLabelEditCancel += BetterListViewAfterLabelEditCancel;</p>
<p>&#8230;</p>
<p>void BetterListViewBeforeLabelEdit(object sender, BetterListViewLabelEditCancelEventArgs eventArgs)<br />
{<br />
string labelOriginal = eventArgs.Label;</p>
<p> // keep only file name in the modified label<br />
string labelNew = Path.GetFileNameWithoutExtension(labelOriginal);</p>
<p> eventArgs.Label = labelNew;<br />
}</p>
<p>void BetterListViewAfterLabelEditCancel(object sender, BetterListViewLabelEditCancelEventArgs eventArgs)<br />
{<br />
string labelOriginal = eventArgs.Label;</p>
<p> // add extension when editing is complete<br />
string labelNew = String.Concat(<br />
labelOriginal,<br />
Path.GetExtension(eventArgs.SubItem.Text));</p>
<p> eventArgs.Label = labelNew;<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
BetterListView.LabelEdit = True</p>
<p>AddHandler Me.betterListView.BeforeLabelEdit, AddressOf BetterListViewBeforeLabelEdit<br />
AddHandler Me.betterListView.AfterLabelEditCancel, AddressOf BetterListViewAfterLabelEditCancel</p>
<p>&#8230;</p>
<p>Private Sub BetterListViewBeforeLabelEdit(sender As Object, eventArgs As BetterListViewLabelEditCancelEventArgs)<br />
Dim labelOriginal As String = eventArgs.Label</p>
<p> &#8216; keep only file name in the modified label<br />
Dim labelNew As String = Path.GetFileNameWithoutExtension(labelOriginal)</p>
<p> eventArgs.Label = labelNew<br />
End Sub</p>
<p>Private Sub BetterListViewAfterLabelEditCancel(sender As Object, eventArgs As BetterListViewLabelEditCancelEventArgs)<br />
Dim labelOriginal As String = eventArgs.Label</p>
<p> &#8216; add extension when editing is complete<br />
Dim labelNew As String = [String].Concat(labelOriginal, Path.GetExtension(eventArgs.SubItem.Text))</p>
<p> eventArgs.Label = labelNew<br />
End Sub<br />
[/vb]</p>
<p>Naturally, this feature can be used not only for file names, but whenever you would like to edit different view on the data then the displayed one.</p>
<p><a href="http://www.componentowl.com/better-listview">Full version of Better ListView</a> supports even custom <a href="../../../wp-content/uploads/2012/12/chapter-embedded-controls.html">embedded editing controls</a> and you have complete control over the label editing process.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/custom-label-edit-how-to-rename-file-names-without-extension-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Better ListView Tip: How to Draw Custom Selection</title>
<link>http://www.componentowl.com/blog/better-listview-tip-how-to-draw-custom-selection/</link>
<comments>http://www.componentowl.com/blog/better-listview-tip-how-to-draw-custom-selection/#comments</comments>
<pubDate>Wed, 12 Sep 2012 15:43:12 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[custom]]></category>
<category><![CDATA[customized]]></category>
<category><![CDATA[drawing]]></category>
<category><![CDATA[drawn]]></category>
<category><![CDATA[item]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[owner]]></category>
<category><![CDATA[ownerdrawn]]></category>
<category><![CDATA[selection]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=808</guid>
<description><![CDATA[How to draw customized item selection in Better ListView.]]></description>
<content:encoded><![CDATA[<div id="attachment_813" style="width: 271px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/09/custom-selection.png"><img class="size-full wp-image-813" title="Customized item selection." src="../../../wp-content/uploads/2012/09/custom-selection.png" alt="Customized item selection." width="261" height="114" /></a><p class="wp-caption-text">Customized item selection.</p></div>
<p>&nbsp;</p>
<p>By default, <a href="../../../../betterlistview.exe">Better ListView</a> uses system theme for drawing selections.</p>
<p>To draw custom selection, you can use owner drawing capabilities of Better ListView:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
class CustomListView : BetterListView<br />
{<br />
protected override void OnDrawItemBackground(BetterListViewDrawItemBackgroundEventArgs eventArgs)<br />
{<br />
base.OnDrawItemBackground(eventArgs);</p>
<p> if (eventArgs.Item.Selected)<br />
{<br />
Brush brushSelection = new SolidBrush(Color.FromArgb(128, Color.LightGreen));<br />
eventArgs.Graphics.FillRectangle(brushSelection, eventArgs.ItemBounds.BoundsSelection);<br />
brushSelection.Dispose();<br />
}<br />
}</p>
<p> protected override void OnDrawItem(BetterListViewDrawItemEventArgs eventArgs)<br />
{<br />
eventArgs.DrawSelection = false;</p>
<p> base.OnDrawItem(eventArgs);</p>
<p> if (eventArgs.Item.Selected)<br />
{<br />
eventArgs.Graphics.DrawRectangle(Pens.DarkGreen, eventArgs.ItemBounds.BoundsSelection);<br />
}<br />
}<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Class CustomListView<br />
Inherits BetterListView<br />
Protected Overrides Sub OnDrawItemBackground(eventArgs As BetterListViewDrawItemBackgroundEventArgs)<br />
MyBase.OnDrawItemBackground(eventArgs)</p>
<p> If eventArgs.Item.Selected Then<br />
Dim brushSelection As Brush = New SolidBrush(Color.FromArgb(128, Color.LightGreen))<br />
eventArgs.Graphics.FillRectangle(brushSelection, eventArgs.ItemBounds.BoundsSelection)<br />
brushSelection.Dispose()<br />
End If<br />
End Sub</p>
<p> Protected Overrides Sub OnDrawItem(eventArgs As BetterListViewDrawItemEventArgs)<br />
eventArgs.DrawSelection = False</p>
<p> MyBase.OnDrawItem(eventArgs)</p>
<p> If eventArgs.Item.Selected Then<br />
eventArgs.Graphics.DrawRectangle(Pens.DarkGreen, eventArgs.ItemBounds.BoundsSelection)<br />
End If<br />
End Sub<br />
End Class<br />
[/vb]</p>
<p>In the above code, we have created class <strong>CustomListView</strong> that inherits from <strong>BetterListView</strong>. We override <strong>OnDrawItemBackground</strong> and <strong>OnDrawItem</strong> methods to customize item background and item foreground drawing, respectively.</p>
<p>The <strong>OnDrawItemBackground</strong> method contains only check for whether the item is selected. If so, we draw selection background (filled rectangle in selection area).</p>
<p>The <strong>OnDrawItem</strong> method contains two things:</p>
<ol>
<li>Turn off  default selection.</li>
<li>Draw custom selection border <em>if</em> the item is selected.</li>
</ol>
<p>Drawbacks of drawing custom selections like this include using non-system theme, which can look ugly on various color schemes. By default, Better ListView always use the system theme, so the color consistency is ensured. You can, however, still use classes like <strong>SystemColors</strong> or <strong>SystemBrushes</strong> to ensure good look.</p>
<p>Another drawback is that you handle only two states of selection, i.e. selected and unselected state. This is sufficient for <em>Classic</em> Windows theme but there are several more states used on Windows <em>Aero</em> Theme, like &#8220;hot&#8221;, &#8220;focused and hot&#8221; or &#8220;hot and pressed&#8221;.</p>
<p>To allow these states, considerable coding need to be done.</p>
<p>In case you need this level of customization, please <a href="http://www.componentowl.com/support">contact us</a> for Custom Coding support.</p>
<p>&nbsp;</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/better-listview-tip-how-to-draw-custom-selection/feed/</wfw:commentRss>
<slash:comments>2</slash:comments>
</item>
<item>
<title>Hiding Column Headers in Better ListView</title>
<link>http://www.componentowl.com/blog/hiding-column-headers-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/hiding-column-headers-in-better-listview/#respond</comments>
<pubDate>Mon, 27 Aug 2012 23:11:27 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[header]]></category>
<category><![CDATA[headers]]></category>
<category><![CDATA[hide]]></category>
<category><![CDATA[hiding]]></category>
<category><![CDATA[invisible]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[sub]]></category>
<category><![CDATA[sub-items]]></category>
<category><![CDATA[subitems]]></category>
<category><![CDATA[visibility]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=803</guid>
<description><![CDATA[How to hide column headers but keep sub-items visible in Better ListView.]]></description>
<content:encoded><![CDATA[<p><a href="../../../../betterlistview.exe">Better ListView 3.2.0</a> and newer supports hiding column headers but keeping sub-items visible:</p>
<div id="attachment_804" style="width: 278px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/08/anigif.gif"><img class="size-full wp-image-804" title="Hiding Column Headers" src="../../../wp-content/uploads/2012/08/anigif.gif" alt="Hiding Column Headers" width="268" height="233" /></a><p class="wp-caption-text">Hiding Column Headers</p></div>
<p>To hide column headers, simply set HeaderStyle property to <strong>BetterListViewHeaderStyle.None</strong>. There are other possible styles for <em>all</em> column headers:</p>
<ul>
<li><strong>None</strong> &#8211; column headers are hidden, but corresponding sub-items are still visible</li>
<li><strong>Nonclickable</strong> &#8211; column headers are visible, but not interactive</li>
<li><strong>Clickable</strong> &#8211; column headers interact with mouse (have <em>hot</em> and <em>pressed</em> state)</li>
<li><strong>Sortable</strong> &#8211; column headers are clickable and sort the corresponding column when clicked</li>
<li><strong>Unsortable</strong> &#8211; same as <strong>Sortable</strong>, but the column headers have unsorted state as well</li>
<li><strong>Hidden</strong> &#8211; column headers are hidden with corresponding sub-items</li>
</ul>
<p>These styles can be set on individual column headers as well through <strong>BetterListViewColumnHeader.Style</strong> property. This property is of type <strong>BetterListViewColumnHeaderStyle</strong>, which has the same values as <strong>BetterListViewHeaderStyle</strong>, plus <strong>Default</strong> value, which means that column header style is inherited from the <strong>HeaderStyle</strong> property.</p>
<p>When a single column header have style <strong>None</strong>, that column header is not drawn (only its background is visible) and corresponding sub-items are visible.</p>
<p>When all column headers have style <strong>None</strong>,  the whole panel with column headers hides (as seen on the above animation) and the sub-items remain visible. This effect is the as when all column headers have style <strong>Default</strong> and <strong>HeaderStyle</strong> is set to <strong>None</strong>.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/hiding-column-headers-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:38:27 by W3 Total Cache
-->

View File

@@ -0,0 +1,274 @@
<!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 &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 Tag Feed" href="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="archive tag tag-better-listview-2 tag-31">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;better listview&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=906.html" rel="bookmark" title="Permanent Link to Centering Images in Better ListView Sub-items">Centering Images in Better ListView Sub-items</a></li>
<li><a href="../../index.html%3Fp=888.html" rel="bookmark" title="Permanent Link to Alternating Rows in Better ListView">Alternating Rows in Better ListView</a></li>
<li><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></li>
<li><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></li>
<li><a href="../../index.html%3Fp=861.html" rel="bookmark" title="Permanent Link to Hot Tracking Items in Better ListView">Hot Tracking Items in Better ListView</a></li>
<li><a href="../../index.html%3Fp=850.html" rel="bookmark" title="Permanent Link to Binding Images in Better ListView">Binding Images in Better ListView</a></li>
<li><a href="../../index.html%3Fp=843.html" rel="bookmark" title="Permanent Link to Enabling Search Highlight in Better ListView">Enabling Search Highlight in Better ListView</a></li>
<li><a href="../../index.html%3Fp=831.html" rel="bookmark" title="Permanent Link to Custom label edit: How to rename file names without extension in Better ListView">Custom label edit: How to rename file names without extension in Better ListView</a></li>
<li><a href="../../index.html%3Fp=808.html" rel="bookmark" title="Permanent Link to Better ListView Tip: How to Draw Custom Selection">Better ListView Tip: How to Draw Custom Selection</a></li>
<li><a href="../../index.html%3Fp=803.html" rel="bookmark" title="Permanent Link to Hiding Column Headers in Better ListView">Hiding Column Headers in Better ListView</a></li>
<li><a href="../../index.html%3Fp=796.html" rel="bookmark" title="Permanent Link to How to Store Better ListView Content in a String (User Request)">How to Store Better ListView Content in a String (User Request)</a></li>
<li><a href="../../index.html%3Fp=780.html" rel="bookmark" title="Permanent Link to Right-aligned Images in Better ListView">Right-aligned Images in Better ListView</a></li>
<li><a href="../../index.html%3Fp=771.html" rel="bookmark" title="Permanent Link to Customize Label Editing (Embedded) Control for Each Line in Better ListView">Customize Label Editing (Embedded) Control for Each Line in Better ListView</a></li>
<li><a href="../../index.html%3Fp=760.html" rel="bookmark" title="Permanent Link to Custom Item Height in Details View of Better ListView">Custom Item Height in Details View of Better ListView</a></li>
<li><a href="../../index.html%3Fp=753.html" rel="bookmark" title="Permanent Link to Custom Spacing between Items in Details View">Custom Spacing between Items in Details View</a></li>
<li><a href="../../index.html%3Fp=664.html" rel="bookmark" title="Permanent Link to Are You a Zen Coder or Distraction-Junkie?">Are You a Zen Coder or Distraction-Junkie?</a></li>
<li><a href="../../index.html%3Fp=546.html" rel="bookmark" title="Permanent Link to Hiding Items in Better ListView">Hiding Items in Better ListView</a></li>
<li><a href="../../2012/01/read-only-mode-in-better-listview/index.html" rel="bookmark" title="Permanent Link to Read-Only Mode in Better ListView">Read-Only Mode in Better ListView</a></li>
<li><a href="../../index.html%3Fp=476.html" rel="bookmark" title="Permanent Link to Non-selectable Items in Better ListView">Non-selectable Items in Better ListView</a></li>
<li><a href="../../index.html%3Fp=480.html" rel="bookmark" title="Permanent Link to Custom Behavior of Group Headers in Better ListView">Custom Behavior of Group Headers in Better ListView</a></li>
<li><a href="../../index.html%3Fp=478.html" rel="bookmark" title="Permanent Link to Combined Items in Better ListView">Combined Items in Better ListView</a></li>
<li><a href="../../index.html%3Fp=468.html" rel="bookmark" title="Permanent Link to How To: Dynamically Resize Focused Item">How To: Dynamically Resize Focused Item</a></li>
<li><a href="../../index.html%3Fp=450.html" rel="bookmark" title="Permanent Link to Displaying Multi-Line Text In ListView">Displaying Multi-Line Text In ListView</a></li>
<li><a href="../../index.html%3Fp=373.html" rel="bookmark" title="Permanent Link to Better ListView 2.10 released">Better ListView 2.10 released</a></li>
<li><a href="../../index.html%3Fp=348.html" rel="bookmark" title="Permanent Link to Coming soon: Better ListView 2.1 Optimized for Performance">Coming soon: Better ListView 2.1 Optimized for Performance</a></li>
<li><a href="../../index.html%3Fp=304.html" rel="bookmark" title="Permanent Link to Better ListView 2.00 released">Better ListView 2.00 released</a></li>
<li><a href="../../index.html%3Fp=260.html" rel="bookmark" title="Permanent Link to List-View Drag and Drop Item Reorder (Sort)">List-View Drag and Drop Item Reorder (Sort)</a></li>
<li><a href="../../index.html%3Fp=232.html" rel="bookmark" title="Permanent Link to Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more)">Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more)</a></li>
<li><a href="../../index.html%3Fp=213.html" rel="bookmark" title="Permanent Link to Better ListView 1.52 released">Better ListView 1.52 released</a></li>
<li><a href="../../index.html%3Fp=204.html" rel="bookmark" title="Permanent Link to Work in Progress: “Groups” / “Item Hierarchy” Features">Work in Progress: “Groups” / “Item Hierarchy” Features</a></li>
<li><a href="../../index.html%3Fp=189.html" rel="bookmark" title="Permanent Link to How to Change List View Mouse Wheel Scroll Speed">How to Change List View Mouse Wheel Scroll Speed</a></li>
<li><a href="../../2011/02/displaying-thumbnails-withs-borders-and-shadows/index.html" rel="bookmark" title="Permanent Link to Displaying Thumbnails with Borders and Shadows">Displaying Thumbnails with Borders and Shadows</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:37:11 by W3 Total Cache
-->

View File

@@ -0,0 +1,512 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>better &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/better/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Sub-item Check Boxes in Better ListView</title>
<link>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/#respond</comments>
<pubDate>Sun, 06 Jul 2014 21:48:41 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[box]]></category>
<category><![CDATA[boxes]]></category>
<category><![CDATA[buttons]]></category>
<category><![CDATA[cell]]></category>
<category><![CDATA[cells]]></category>
<category><![CDATA[check]]></category>
<category><![CDATA[checkbox]]></category>
<category><![CDATA[checkboxes]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[radio]]></category>
<category><![CDATA[radios]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[subitem]]></category>
<category><![CDATA[subitems]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=901</guid>
<description><![CDATA[How to display fully interactive check boxes and radio buttons in Better ListView sub-items.]]></description>
<content:encoded><![CDATA[<div id="attachment_902" style="width: 395px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png"><img class="size-full wp-image-902" title="blv-sub-item-checkboxes" src="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png" alt="Better ListView Sub-item Check Boxes" width="385" height="82" /></a><p class="wp-caption-text">Better ListView Sub-item Check Boxes</p></div>
<p><a href="../../../../betterlistview.exe">Better ListView 3.10.0</a> allows displaying fully interactive check boxes and even radio buttons in sub-item cells.</p>
<p>This feature can be activated simply by setting <strong>CheckBoxAppearance</strong> property of a given sub-item to other value than <strong>Hide</strong>. Such sub-item will not display check box or radio instead of image and text.</p>
<p>Please note the first sub-item&#8217;s properties do not apply as they are overriden by item&#8217;s properties. These two are separate for the case of column reordering (keeping consistency of sub-item states).</p>
<p>Another new feature in Better ListView is that check boxes or radios can be displayed disabled. This can be achieved by setting <strong>CheckEnabled</strong> property to <strong>false</strong> on the respective item or sub-item.</p>
<p>Sub-item check boxes can be operated by both mouse and keyboard. Checking sub-item with keyboard can be done by navigating focus rectangle by arrow keys to the given sub-item and pressing spacebar.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>How to Add Grid Lines in Empty Space in Better ListView</title>
<link>http://www.componentowl.com/blog/how-to-add-grid-lines-in-empty-space-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/how-to-add-grid-lines-in-empty-space-in-better-listview/#respond</comments>
<pubDate>Wed, 30 Apr 2014 09:51:46 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[below]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[empty]]></category>
<category><![CDATA[grid]]></category>
<category><![CDATA[gridlines]]></category>
<category><![CDATA[lines]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[space]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=894</guid>
<description><![CDATA[How to draw grid lines below last item in Better ListView]]></description>
<content:encoded><![CDATA[<div id="attachment_895" style="width: 271px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/04/blv-gridlines-1.png"><img class="size-full wp-image-895 " title="Default list without grid lines below items" src="../../../wp-content/uploads/2014/04/blv-gridlines-1.png" alt="Default list without grid lines below items" width="261" height="308" /></a><p class="wp-caption-text">Default list without grid lines below items</p></div>
<div id="attachment_896" style="width: 271px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/04/blv-gridlines-2.png"><img class=" wp-image-896 " title="List with grid lines added" src="../../../wp-content/uploads/2014/04/blv-gridlines-2.png" alt="List with grid lines added" width="261" height="308" /></a><p class="wp-caption-text">List with grid lines added</p></div>
<p style="text-align: center;">
<p>Setting grid lines in Better ListView is easy. Simply make sure you are using <strong>Details</strong> view (the default view). Then you can set <strong>GridLines</strong> property to one of the following values:</p>
<ul>
<li><strong>None</strong> &#8211; grid lines are hidden</li>
<li><strong>Horizontal</strong> &#8211; only horizontal lines are displayed</li>
<li><strong>Vertical</strong> &#8211; only vertical lines are displayed</li>
<li><strong>Grid</strong> &#8211; both horizontal and vertical lines are displayed, forming a grid</li>
</ul>
<p>None of these settings, however, cause drawing lines <em>below</em> the last visible item, which may be desirable. The reason for this is that Better ListView supports <a href="http://www.componentowl.com/blog/custom-item-height-in-details-view-of-better-listview/">custom item height</a> and there is uncertainity about the spacing between new grid lines (smallest?, largest?, average?) It is up to your choice.</p>
<p>To draw new grid lines, handle the <strong>DrawBackground</strong> event (or subclass BetterListView and override the <strong>OnDrawBackground</strong> method) with the following code:</p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private void ListViewOnDrawBackground(object sender, BetterListViewDrawBackgroundEventArgs eventArgs)<br />
{<br />
BetterListView listView = (BetterListView)sender;</p>
<p> // get last visible item<br />
var item = listView.BottomItem;</p>
<p> if (item == null)<br />
{<br />
return;<br />
}</p>
<p> // measure row height<br />
var bounds = listView.GetItemBounds(item);<br />
int rowHeight = bounds.BoundsOuterExtended.Height;</p>
<p> // draw additional lines<br />
Rectangle rectClient = listView.ClientRectangleInner;<br />
Pen penGridLines = new Pen(listView.ColorGridLines, 1.0f);</p>
<p> int y = (bounds.BoundsOuterExtended.Bottom + rowHeight);</p>
<p> while (y < rectClient.Bottom)
{
eventArgs.Graphics.DrawLine(
penGridLines,
rectClient.Left,
y,
rectClient.Right - 1,
y);
y += rowHeight;
}
penGridLines.Dispose();
}
[/csharp]
What this code does is getting the last visible item using <strong>BottomItem</strong> property. It is important  to get this visible item instead of e.g. first item because <strong>GetItemBounds</strong> method returns non-null value on visible items only. The <strong>GetItemBounds</strong> method reveals item measurement which is used to determine item height and coordinate of its bottom. Finally, we draw new lines using current grid line color  (<strong>ColorGridLines</strong> property) until reaching the bottom of the view.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/how-to-add-grid-lines-in-empty-space-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Enabling Search Highlight in Better ListView</title>
<link>http://www.componentowl.com/blog/enabling-search-highlight-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/enabling-search-highlight-in-better-listview/#comments</comments>
<pubDate>Fri, 11 Jan 2013 02:00:17 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[highlight]]></category>
<category><![CDATA[highlighting]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[list]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[mark]]></category>
<category><![CDATA[matched]]></category>
<category><![CDATA[search]]></category>
<category><![CDATA[searching]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=843</guid>
<description><![CDATA[How to use and customize Search Highlight feature in Better ListView.]]></description>
<content:encoded><![CDATA[<p>We have improved <a href="../../../wp-content/uploads/2013/01/chapter-search.html">item searching</a> capabilities of <a href="http://www.componentowl.com/better-listview">Better ListView</a> by introducing <strong>Search Highlight</strong> feature. This feature automatically shows search matches and works out of the box with both searching by typing and searching from code (e.g. using search box):</p>
<div id="attachment_844" style="width: 358px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/search-highlight-1.gif"><img class="size-full wp-image-844" title="Search Highlight Feature" src="../../../wp-content/uploads/2013/01/search-highlight-1.gif" alt="Search Highlight Feature" width="348" height="193" /></a><p class="wp-caption-text">Search Highlight Feature</p></div>
<p>&nbsp;</p>
<p>To enable the highlight, simply add <strong>UpdateSearchHighlight</strong> option in the search settings:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
listView.SearchSettings = new BetterListViewSearchSettings(<br />
listView.SearchSettings.Mode,<br />
listView.SearchSettings.Options | BetterListViewSearchOptions.UpdateSearchHighlight,<br />
listView.SearchSettings.SubItemIndices);<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
ListView.SearchSettings = New BetterListViewSearchSettings(<br />
listView.SearchSettings.Mode,<br />
listView.SearchSettings.Options Or BetterListViewSearchOptions.UpdateSearchHighlight,<br />
listView.SearchSettings.SubItemIndices)<br />
[/vb]</p>
<p>Every item contains information about the match in the <strong>BetterListViewItem.SearchHighlight</strong> property. When <strong>BetterListViewItem.SearchHighlight.IsEmpty</strong> is <strong>true</strong>, the item was not matched by the search. Otherwise it contains information about the matched substring: its index and number of characters.</p>
<p>Highlight colors can be adjusted by three properties: <strong>ColorSearchHighlight</strong>, <strong>ColorSearchHighlightBorder</strong> and <strong>ColorSearchHighlightText</strong>:</p>
<div id="attachment_846" style="width: 337px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/properties.png"><img class="size-full wp-image-846" title="Search Highlight Properties" src="../../../wp-content/uploads/2013/01/properties.png" alt="Search Highlight Properties" width="327" height="352" /></a><p class="wp-caption-text">Search Highlight Properties</p></div>
<p>The display can be adjusted even further with owner drawing:</p>
<div id="attachment_845" style="width: 358px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/search-highlight-2.gif"><img class="size-full wp-image-845" title="Customized Search Highlight Feature" src="../../../wp-content/uploads/2013/01/search-highlight-2.gif" alt="Customized Search Highlight Feature" width="348" height="193" /></a><p class="wp-caption-text">Customized Search Highlight Feature</p></div>
<p>Here we have used ellipses drawn on item background by modifying <strong>OnDrawItem</strong> and <strong>OnDrawItemBackground</strong> methods of <strong>BetterListView</strong>:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
using System.Drawing;<br />
using System.Drawing.Drawing2D;</p>
<p>using BetterListView;</p>
<p>internal sealed class CustomListView : BetterListView<br />
{<br />
protected override void OnDrawItem(BetterListViewDrawItemEventArgs eventArgs)<br />
{<br />
// do not draw search highlight because we will draw our own<br />
eventArgs.DrawSearchHighlight = false;</p>
<p> base.OnDrawItem(eventArgs);<br />
}</p>
<p> protected override void OnDrawItemBackground(BetterListViewDrawItemBackgroundEventArgs eventArgs)<br />
{<br />
base.OnDrawItemBackground(eventArgs);</p>
<p> // draw custom search highlight on item background<br />
BetterListViewSearchHighlight searchHighlight = eventArgs.Item.SearchHighlight;</p>
<p> if (searchHighlight.IsEmpty == false)<br />
{<br />
eventArgs.Graphics.SmoothingMode = SmoothingMode.HighQuality;</p>
<p> Rectangle rectHighlight = eventArgs.ItemBounds.SubItemBounds[searchHighlight.ColumnIndex].BoundsSearchHighlight;</p>
<p> Brush brushHighlight = new SolidBrush(Color.FromArgb(128, Color.MediumPurple));<br />
Pen penHighlight = new Pen(Color.Purple, 1.0f);</p>
<p> eventArgs.Graphics.FillEllipse(brushHighlight, rectHighlight);<br />
eventArgs.Graphics.DrawEllipse(penHighlight, rectHighlight);</p>
<p> brushHighlight.Dispose();<br />
penHighlight.Dispose();<br />
}<br />
}<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Imports System.Drawing<br />
Imports System.Drawing.Drawing2D</p>
<p>Imports BetterListView</p>
<p>Friend NotInheritable Class CustomListView<br />
Inherits BetterListView<br />
Protected Overrides Sub OnDrawItem(eventArgs As BetterListViewDrawItemEventArgs)<br />
&#8216; do not draw search highlight because we will draw our own<br />
eventArgs.DrawSearchHighlight = False</p>
<p> MyBase.OnDrawItem(eventArgs)<br />
End Sub</p>
<p> Protected Overrides Sub OnDrawItemBackground(eventArgs As BetterListViewDrawItemBackgroundEventArgs)<br />
MyBase.OnDrawItemBackground(eventArgs)</p>
<p> &#8216; draw custom search highlight on item background<br />
Dim searchHighlight As BetterListViewSearchHighlight = eventArgs.Item.SearchHighlight</p>
<p> If searchHighlight.IsEmpty = False Then<br />
eventArgs.Graphics.SmoothingMode = SmoothingMode.HighQuality</p>
<p> Dim rectHighlight As Rectangle = eventArgs.ItemBounds.SubItemBounds(searchHighlight.ColumnIndex).BoundsSearchHighlight</p>
<p> Dim brushHighlight As Brush = New SolidBrush(Color.FromArgb(128, Color.MediumPurple))<br />
Dim penHighlight As New Pen(Color.Purple, 1F)</p>
<p> eventArgs.Graphics.FillEllipse(brushHighlight, rectHighlight)<br />
eventArgs.Graphics.DrawEllipse(penHighlight, rectHighlight)</p>
<p> brushHighlight.Dispose()<br />
penHighlight.Dispose()<br />
End If<br />
End Sub<br />
End Class<br />
[/vb]</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/enabling-search-highlight-in-better-listview/feed/</wfw:commentRss>
<slash:comments>1</slash:comments>
</item>
<item>
<title>Custom label edit: How to rename file names without extension in Better ListView</title>
<link>http://www.componentowl.com/blog/custom-label-edit-how-to-rename-file-names-without-extension-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/custom-label-edit-how-to-rename-file-names-without-extension-in-better-listview/#respond</comments>
<pubDate>Thu, 20 Dec 2012 17:42:14 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[custom]]></category>
<category><![CDATA[edit]]></category>
<category><![CDATA[explorer]]></category>
<category><![CDATA[extension]]></category>
<category><![CDATA[extensions]]></category>
<category><![CDATA[file]]></category>
<category><![CDATA[filename]]></category>
<category><![CDATA[files]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[label]]></category>
<category><![CDATA[labeledit]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[rename]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=831</guid>
<description><![CDATA[How to use Label Edit in Better ListView to allow renaming just file names while displaying full names (filename + extension).]]></description>
<content:encoded><![CDATA[<p><a href="../../../wp-content/uploads/2012/12/label-edit.gif"><img class="aligncenter size-full wp-image-832" title="label-edit" src="../../../wp-content/uploads/2012/12/label-edit.gif" alt="" width="291" height="178" /></a></p>
<p>Let&#8217;s suppose you want to display files with extensions in <a href="http://www.componentowl.com/better-listview">Better ListView</a>, but allow user to rename just the file name, leaving the file extension intact after the editing. </p>
<p>The code for this is very simple. Just turn on label editing and handle two events: <strong>BeforeLabelEdit</strong> and <strong>AfterLabelEditCancel</strong>:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
betterListView.LabelEdit = true;</p>
<p>betterListView.BeforeLabelEdit += BetterListViewBeforeLabelEdit;<br />
betterListView.AfterLabelEditCancel += BetterListViewAfterLabelEditCancel;</p>
<p>&#8230;</p>
<p>void BetterListViewBeforeLabelEdit(object sender, BetterListViewLabelEditCancelEventArgs eventArgs)<br />
{<br />
string labelOriginal = eventArgs.Label;</p>
<p> // keep only file name in the modified label<br />
string labelNew = Path.GetFileNameWithoutExtension(labelOriginal);</p>
<p> eventArgs.Label = labelNew;<br />
}</p>
<p>void BetterListViewAfterLabelEditCancel(object sender, BetterListViewLabelEditCancelEventArgs eventArgs)<br />
{<br />
string labelOriginal = eventArgs.Label;</p>
<p> // add extension when editing is complete<br />
string labelNew = String.Concat(<br />
labelOriginal,<br />
Path.GetExtension(eventArgs.SubItem.Text));</p>
<p> eventArgs.Label = labelNew;<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
BetterListView.LabelEdit = True</p>
<p>AddHandler Me.betterListView.BeforeLabelEdit, AddressOf BetterListViewBeforeLabelEdit<br />
AddHandler Me.betterListView.AfterLabelEditCancel, AddressOf BetterListViewAfterLabelEditCancel</p>
<p>&#8230;</p>
<p>Private Sub BetterListViewBeforeLabelEdit(sender As Object, eventArgs As BetterListViewLabelEditCancelEventArgs)<br />
Dim labelOriginal As String = eventArgs.Label</p>
<p> &#8216; keep only file name in the modified label<br />
Dim labelNew As String = Path.GetFileNameWithoutExtension(labelOriginal)</p>
<p> eventArgs.Label = labelNew<br />
End Sub</p>
<p>Private Sub BetterListViewAfterLabelEditCancel(sender As Object, eventArgs As BetterListViewLabelEditCancelEventArgs)<br />
Dim labelOriginal As String = eventArgs.Label</p>
<p> &#8216; add extension when editing is complete<br />
Dim labelNew As String = [String].Concat(labelOriginal, Path.GetExtension(eventArgs.SubItem.Text))</p>
<p> eventArgs.Label = labelNew<br />
End Sub<br />
[/vb]</p>
<p>Naturally, this feature can be used not only for file names, but whenever you would like to edit different view on the data then the displayed one.</p>
<p><a href="http://www.componentowl.com/better-listview">Full version of Better ListView</a> supports even custom <a href="../../../wp-content/uploads/2012/12/chapter-embedded-controls.html">embedded editing controls</a> and you have complete control over the label editing process.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/custom-label-edit-how-to-rename-file-names-without-extension-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Better Thumbnail Browser Component Released</title>
<link>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/</link>
<comments>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/#comments</comments>
<pubDate>Sat, 01 Dec 2012 18:26:16 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[background]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[browser]]></category>
<category><![CDATA[component]]></category>
<category><![CDATA[control]]></category>
<category><![CDATA[folder]]></category>
<category><![CDATA[image]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[load]]></category>
<category><![CDATA[loading]]></category>
<category><![CDATA[thumbnail]]></category>
<category><![CDATA[thumbnailbrowser]]></category>
<category><![CDATA[thumbnails]]></category>
<category><![CDATA[winforms]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=823</guid>
<description><![CDATA[&#160; We have released a whole new WinForms component called Better Thumbnail Browser. This control is useful for anyone developing photo management software or any kind of image database: The control is capable of loading image thumbnails on background and does all the dirty job of threading and synchronization for you. My motivation to make [&#8230;]]]></description>
<content:encoded><![CDATA[<p>&nbsp;</p>
<p>We have released a whole new WinForms component called <a href="http://www.componentowl.com/better-thumbnail-browser">Better Thumbnail Browser</a>. This control is useful for anyone developing photo management software or any kind of image database:</p>
<div style="width: 404px" class="wp-caption aligncenter"><a href="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879"><img class=" " title="Better Thumbnail Browser" src="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" alt="Better Thumbnail Browser Overview" width="394" height="283" /></a><p class="wp-caption-text">Better Thumbnail Browser Overview</p></div>
<p>The control is capable of loading image thumbnails on background and does all the dirty job of threading and synchronization for you.</p>
<p>My motivation to make such component as lead developer at ComponentOwl.com was to have something that can smoothly integrate in my photo management software.</p>
<p>Since we already have <a href="http://www.componentowl.com/better-listview">Better ListView</a> component, which is quite mature (three major releases over two years of development), I decided to build upon it and finally make control for image thumbnails that is both extensible and powerful and have native look and feel.</p>
<p>Better Thumbnail Browser inherits most of its functionality from Better ListView (multi column sorting, custom paddings and spacings, multi-line text and groups to name a few). It adds image loading logic on top of it, which can handle various scenarios:</p>
<ul>
<li>Load images from a folder, database or custom source automatically</li>
<li>Load thumbnails with arbitrary sizes on background while progressively displaying them</li>
<li>Handle zooming thumbnails on the fly</li>
<li>Loading thumbnail items in multiple passes (e.g. load meta-data, then low quality image, then high quality image)</li>
<li>Loading thumbnails in custom order</li>
<li>Loading visible thumbnails first, then all other (and do this even though the user is scrolling the view)</li>
<li>Manage updating individual thumbnails or their count on the fly</li>
<li>Support showing loading progress</li>
</ul>
<p>The component is fully customizable and by default inherits native Windows theme. We tested it on Windows 8 with success:</p>
<div id="attachment_824" style="width: 404px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/12/w8-theme.jpg"><img class=" wp-image-824 " title="Better Thumbnail Browser with Windows 8 Theme" src="../../../wp-content/uploads/2012/12/w8-theme.jpg" alt="Better Thumbnail Browser with Windows 8 Theme" width="394" height="283" /></a><p class="wp-caption-text">Better Thumbnail Browser with Windows 8 Theme</p></div>
<p>&nbsp;</p>
<p>Better Thumbnail Browser contains default implementation for loading thumbnail images from disk. If you want to gather all images from a given folder (say &#8220;c:\images&#8221;), display them in Better Thumbnail Browser and load them on background, the code is particularly simple:</p>
<pre>thumbnailBrowser.Path = "c:\\images";</pre>
<p>And that&#8217;s it!</p>
<p>Better Thumbnail Browser will be our third component which is used in end-user consumer-level software package. This ensures future development, improvements and support.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/feed/</wfw:commentRss>
<slash:comments>1</slash:comments>
</item>
<item>
<title>Right-aligned Images in Better ListView</title>
<link>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/#respond</comments>
<pubDate>Thu, 19 Apr 2012 19:15:13 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[align]]></category>
<category><![CDATA[aligned]]></category>
<category><![CDATA[alignment]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[images]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[right]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[subitem]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=780</guid>
<description><![CDATA[Better ListView now supports image alignment. This post shows you how to align images in items, sub-items, column headers and groups as you want.]]></description>
<content:encoded><![CDATA[<p><a href="../../../../betterlistview.exe">Better ListView 2.9.0</a> now supports more customizable image alignment. For example, images can be aligned on the right part of item:</p>
<div id="attachment_784" style="width: 225px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/04/rightalign.png"><img class="size-full wp-image-784" title="Right-aligned Images" src="../../../wp-content/uploads/2012/04/rightalign.png" alt="Right-aligned Images" width="215" height="140" /></a><p class="wp-caption-text">Right-aligned Images</p></div>
<p>The alignment can be set separately on every sub-item (using <strong>AlignImageHorizontal</strong> and <strong>AlignImageVertical</strong> properties).</p>
<p>Moreover, the right-aligned images can be used in column headers and groups:</p>
<div id="attachment_785" style="width: 330px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/04/rightalign-group2.png"><img class="size-full wp-image-785" title="Group image alignment" src="../../../wp-content/uploads/2012/04/rightalign-group2.png" alt="Group image alignment" width="320" height="279" srcset="../../../wp-content/uploads/2012/04/rightalign-group2.png 320w, ../../../wp-content/uploads/2012/04/rightalign-group2-300x261.png 300w" sizes="(max-width: 320px) 100vw, 320px" /></a><p class="wp-caption-text">Group image alignment</p></div>
<p>The alignment of images is <a href="http://www.componentowl.com/blog/2011/11/vertical-alignment-and-text-wrapping-in-better-listview/">similar to that of text</a>. Every image has its frame, which can be possibly larger than the image itself. In such case, the image needs to be further aligned within the frame. This has been done automatically by centering the image within frame, but now you have full control over the alignment.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Better ListView 2.00 released</title>
<link>http://www.componentowl.com/blog/better-listview-2-00-released/</link>
<comments>http://www.componentowl.com/blog/better-listview-2-00-released/#respond</comments>
<pubDate>Sun, 31 Jul 2011 15:25:39 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[2.00]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[bound]]></category>
<category><![CDATA[child items in listview]]></category>
<category><![CDATA[data]]></category>
<category><![CDATA[databinding]]></category>
<category><![CDATA[groups]]></category>
<category><![CDATA[hierarchy]]></category>
<category><![CDATA[item hierarchy]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[multi-line]]></category>
<category><![CDATA[multiline]]></category>
<category><![CDATA[nodes]]></category>
<category><![CDATA[tree]]></category>
<category><![CDATA[treeview]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=304</guid>
<description><![CDATA[A new major version version of Better ListView has been released! It adds new major features, including item hierarchy, groups, data-binding, and more.]]></description>
<content:encoded><![CDATA[<p style="text-align: left;">A new major version of Better ListView has been released! <a href="../../../../betterlistview.exe">Download the new version</a>.</p>
<div id="attachment_312" style="width: 310px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/betterlistview2-overview1.png"><img class="size-medium wp-image-312" title="betterlistview2-overview" src="../../../wp-content/uploads/2011/07/betterlistview2-overview1-300x279.png" alt="Item hierarchy with multi-line items in groups" width="300" height="279" srcset="../../../wp-content/uploads/2011/07/betterlistview2-overview1-300x279.png 300w, ../../../wp-content/uploads/2011/07/betterlistview2-overview1.png 568w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">Item hierarchy with multi-line items in groups</p></div>
<h1>Summary of what&#8217;s new:</h1>
<p>We have added four new major features:</p>
<ul>
<li><strong>Groups</strong> &#8211; items can be organized in collapsible groups</li>
<li><strong>Item Hierarchy</strong> &#8211; items can be organized in a tree structure, can be also collapsed just like the nodes in a <em>TreeView</em></li>
<li><strong>Multi-Line Items</strong> &#8211; item texts can break in several lines and each item can have different size</li>
<li><strong>Data Binding</strong> &#8211; complex data binding is fully supported, any <em>List</em>, <em>DataTable</em>, <em>DataView</em>, <em>array</em> or any other <em>IList</em>-type object can be bound to Better ListView as a data source</li>
</ul>
<p>Many existing features of Better ListView has been enhanced in favor of these. For example:</p>
<ul>
<li>Item reordering can be done with hierarchical items as well; user can even create child items</li>
<li>It is possible to move items between different groups</li>
</ul>
<p>Some of the minor features added are:</p>
<ul>
<li>Layouts can be adjustable &#8211; item sizes and spacings, even internal spacings</li>
<li>Added new label editing controls (calendar and drop down box)</li>
<li>Better ListView content (columns, items and groups) can be saved to file (XML or binary)</li>
<li>Multi-line items support added</li>
<li><a title="Better ListView 2.000 Changelog" href="http://www.componentowl.com/better-listview/releases?since=2.000">See full changelog</a> for details</li>
</ul>
<p>We have also fixed many issues and improved performance of Thumbnails view and operations with collections.</p>
<h1>About then new version</h1>
<p>The new version 2.00 brings new major features, the most important one being item hierarchy support. This allows you to create tree-list structures in the list view, without having to sacrifice any of the list view functionality (columns, sorting, grouping, Drag and Drop reordering, etc).</p>
<p>Highly customizable item grouping capabilities were added. Individual group headers can have customized look and behavior. The group headers can be collapsible, support images, custom context menus, are focusable, and more.</p>
<p>Version 2.0 also improves the thumbnail view. The control handles larger images smoothly, even while resizing. </p>
<p>List items, group headers and column header can newly have custom padding specified for all of their elements, which makes it easy to do owner drawing of custom elements, such as overlay icons in the thumbnail view. Every part of the control can be newly replaced by custom drawing, not just overdrawn.</p>
<p>Version 2.0 newly allows you to save/load the list view contents with 1 just line of code, either in XML or binary format, to either file or string. Data-binding with custom column-mapping is supported as well. </p>
<p>Multi-line listview items are also newly supported. List items with very long text can take place of two (r more) regular items, so the text whole text is readable.</p>
<div id="attachment_306" style="width: 310px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/betterlistview2-overview2.png"><img class="size-medium wp-image-306" title="betterlistview2-overview2" src="../../../wp-content/uploads/2011/07/betterlistview2-overview2-300x262.png" alt="Better ListView 2" width="300" height="262" srcset="../../../wp-content/uploads/2011/07/betterlistview2-overview2-300x262.png 300w, ../../../wp-content/uploads/2011/07/betterlistview2-overview2.png 568w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">Thumbnails in groups</p></div>
<div id="attachment_315" style="width: 310px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/betterlistview2-overview3.png"><img class="size-medium wp-image-315" title="betterlistview2-overview3" src="../../../wp-content/uploads/2011/07/betterlistview2-overview3-300x280.png" alt="DataTable bound to Better ListView" width="300" height="280" srcset="../../../wp-content/uploads/2011/07/betterlistview2-overview3-300x280.png 300w, ../../../wp-content/uploads/2011/07/betterlistview2-overview3.png 575w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">DataTable bound to Better ListView</p></div>
<h1>Other news &#8211; new comics for developers!</h1>
<p>We&#8217;ve also started publishing <strong><a href="http://www.componentowl.com/comics/4">new webcomics for developers</a></strong> on our website, drawn by the Better ListView lead developer, Libor Tinka.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/better-listview-2-00-released/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Windows Theme Support in Better ListView</title>
<link>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/#respond</comments>
<pubDate>Fri, 01 Jul 2011 22:46:55 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[aero]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[classic]]></category>
<category><![CDATA[collapse]]></category>
<category><![CDATA[collapsible]]></category>
<category><![CDATA[groups]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[luna]]></category>
<category><![CDATA[refresh]]></category>
<category><![CDATA[runtime]]></category>
<category><![CDATA[support]]></category>
<category><![CDATA[theme]]></category>
<category><![CDATA[xp]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=287</guid>
<description><![CDATA[Both current Better ListView 1.5 and the upcoming Better ListView 2.0 put emphasis on native theme support. Contrary to many custom controls, Better ListView adjusts itself to current theme even if the theme is changed in run-time. For example, when user of your application switches theme from Classic to Aero, or to some other custom [&#8230;]]]></description>
<content:encoded><![CDATA[<p>Both current Better ListView 1.5 and the upcoming <strong>Better ListView 2.0</strong> put emphasis on native theme support.</p>
<p>Contrary to many custom controls, Better ListView adjusts itself to current theme <strong>even if the theme is changed in run-time</strong>. For example, when user of your application switches theme from <em>Classic</em> to <em>Aero</em>, or to some other custom theme with elements of different sizes, Better ListView re-measures itself for the new theme smoothly. Reloading the component or re-starting the application is not necessary.</p>
<p>One of the sweet bonuses of using Better ListView 2.0 instead of regular .NET ListView is the <strong>full <em>Groups</em> functionality in all themes</strong> and all versions of the operating system. For example, <strong>groups are not collapsible in standard ListView on Windows XP</strong> and even does not support images. In Better ListView, however, you are able to <strong>unleash full potential of groups everywhere</strong>.</p>
<p>The following images show Better ListView in different Windows themes: <em>Classic</em>, <em>XP Luna</em> and <em>Aero</em>:</p>
<div id="attachment_288" style="width: 433px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-classic.png"><img class="size-full wp-image-288" title="blv-classic" src="../../../wp-content/uploads/2011/07/blv-classic.png" alt="Better ListView in Classic theme" width="423" height="301" srcset="../../../wp-content/uploads/2011/07/blv-classic.png 423w, ../../../wp-content/uploads/2011/07/blv-classic-300x213.png 300w" sizes="(max-width: 423px) 100vw, 423px" /></a><p class="wp-caption-text">Better ListView in Classic theme</p></div>
<div id="attachment_290" style="width: 433px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-luna.png"><img class="size-full wp-image-290" title="blv-luna" src="../../../wp-content/uploads/2011/07/blv-luna.png" alt="Better ListView in XP Luna Theme" width="423" height="301" srcset="../../../wp-content/uploads/2011/07/blv-luna.png 423w, ../../../wp-content/uploads/2011/07/blv-luna-300x213.png 300w" sizes="(max-width: 423px) 100vw, 423px" /></a><p class="wp-caption-text">Better ListView in XP Luna Theme</p></div>
<div id="attachment_291" style="width: 432px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-aero.png"><img class="size-full wp-image-291" title="blv-aero" src="../../../wp-content/uploads/2011/07/blv-aero.png" alt="Better ListView in Aero Theme" width="422" height="301" srcset="../../../wp-content/uploads/2011/07/blv-aero.png 422w, ../../../wp-content/uploads/2011/07/blv-aero-300x213.png 300w" sizes="(max-width: 422px) 100vw, 422px" /></a><p class="wp-caption-text">Better ListView in Aero Theme</p></div>
<p style="text-align: center;">&nbsp;</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:38:27 by W3 Total Cache
-->

View File

@@ -0,0 +1,226 @@
<!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 &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 Tag Feed" href="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="archive tag tag-better tag-71">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;better&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=901.html" rel="bookmark" title="Permanent Link to Sub-item Check Boxes in Better ListView">Sub-item Check Boxes in Better ListView</a></li>
<li><a href="../../index.html%3Fp=894.html" rel="bookmark" title="Permanent Link to How to Add Grid Lines in Empty Space in Better ListView">How to Add Grid Lines in Empty Space in Better ListView</a></li>
<li><a href="../../index.html%3Fp=843.html" rel="bookmark" title="Permanent Link to Enabling Search Highlight in Better ListView">Enabling Search Highlight in Better ListView</a></li>
<li><a href="../../index.html%3Fp=831.html" rel="bookmark" title="Permanent Link to Custom label edit: How to rename file names without extension in Better ListView">Custom label edit: How to rename file names without extension in Better ListView</a></li>
<li><a href="../../index.html%3Fp=823.html" rel="bookmark" title="Permanent Link to Better Thumbnail Browser Component Released">Better Thumbnail Browser Component Released</a></li>
<li><a href="../../index.html%3Fp=780.html" rel="bookmark" title="Permanent Link to Right-aligned Images in Better ListView">Right-aligned Images in Better ListView</a></li>
<li><a href="../../index.html%3Fp=304.html" rel="bookmark" title="Permanent Link to Better ListView 2.00 released">Better ListView 2.00 released</a></li>
<li><a href="../../2011/07/windows-theme-support-in-better-listview/index.html" rel="bookmark" title="Permanent Link to Windows Theme Support in Better ListView">Windows Theme Support in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:37:10 by W3 Total Cache
-->

View File

@@ -0,0 +1,59 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>between &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/between/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Custom Spacing between Items in Details View</title>
<link>http://www.componentowl.com/blog/custom-spacing-between-items-in-details-view/</link>
<comments>http://www.componentowl.com/blog/custom-spacing-between-items-in-details-view/#respond</comments>
<pubDate>Tue, 13 Mar 2012 22:53:09 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[between]]></category>
<category><![CDATA[custom]]></category>
<category><![CDATA[details]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[padding]]></category>
<category><![CDATA[space]]></category>
<category><![CDATA[spacing]]></category>
<category><![CDATA[view]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=753</guid>
<description><![CDATA[How to set custom spacing between items in detailed view of Better ListView.]]></description>
<content:encoded><![CDATA[<p><a href="http://www.componentowl.com/better-listview">Better ListView 2.6</a> newly supports custom spacing between items in <em>Details</em> view:</p>
<div id="attachment_756" style="width: 266px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/03/screen-custom-spacing.png"><img class="size-full wp-image-756" title="screen-custom-spacing" src="../../../wp-content/uploads/2012/03/screen-custom-spacing.png" alt="Custom Spacing between Items" width="256" height="256" srcset="../../../wp-content/uploads/2012/03/screen-custom-spacing.png 256w, ../../../wp-content/uploads/2012/03/screen-custom-spacing-150x150.png 150w" sizes="(max-width: 256px) 100vw, 256px" /></a><p class="wp-caption-text">Custom Spacing between Items</p></div>
<p>This property has been recently available in other views, but <em>Details</em> view was exception since its selections needed to be treated in different way: They overlap by 1 pixel so that the double border is avoided in neighboring selections:</p>
<div id="attachment_757" style="width: 382px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/03/screen-pixel-share.png"><img class="size-full wp-image-757" title="screen-pixel-share" src="../../../wp-content/uploads/2012/03/screen-pixel-share.png" alt="1 px overlap of items" width="372" height="196" srcset="../../../wp-content/uploads/2012/03/screen-pixel-share.png 372w, ../../../wp-content/uploads/2012/03/screen-pixel-share-300x158.png 300w" sizes="(max-width: 372px) 100vw, 372px" /></a><p class="wp-caption-text">1 px overlap of items</p></div>
<p>We have resolved this to get proper behavior with custom spacings and now the spacing can be set the same way as in any other view:</p>
<p>Simply set <strong>LayoutItemsCurrent.ElementOuterPadding</strong> to have custom horizontal and vertical padding between items.</p>
<p>You can set this specifically for <em>Details</em> view by refering to property <strong>LayoutItemsDetails</strong> or <strong>LayoutItemsDetailsColumns</strong> (<em>Details</em> view with columns).</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/custom-spacing-between-items-in-details-view/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:37 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>between &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; between Tag Feed" href="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="archive tag tag-between tag-241">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;between&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=753.html" rel="bookmark" title="Permanent Link to Custom Spacing between Items in Details View">Custom Spacing between Items in Details View</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:39:35 by W3 Total Cache
-->

View File

@@ -0,0 +1,246 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>bind &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/bind/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Binding Images in Better ListView</title>
<link>http://www.componentowl.com/blog/binding-images-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/binding-images-in-better-listview/#respond</comments>
<pubDate>Mon, 28 Jan 2013 03:54:22 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[bind]]></category>
<category><![CDATA[binding]]></category>
<category><![CDATA[bound]]></category>
<category><![CDATA[data]]></category>
<category><![CDATA[databinding]]></category>
<category><![CDATA[databound]]></category>
<category><![CDATA[icon]]></category>
<category><![CDATA[icons]]></category>
<category><![CDATA[imagekey]]></category>
<category><![CDATA[imagelist]]></category>
<category><![CDATA[images]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=850</guid>
<description><![CDATA[How to use images instead of textual data in Better ListView data binding.]]></description>
<content:encoded><![CDATA[<p><a href="../../../../betterlistview.exe">Better ListView 3.5</a> have improved data binding functionality. You can adjust how the data rows will be converted to items/sub-items and vice versa. For example, you can show images based on the bound data:</p>
<div id="attachment_853" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding3.png"><img class="size-full wp-image-853" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding3.png" alt="Better ListView with bound list" width="260" height="222" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>Say you have a simple <strong>Server</strong> type:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
public class Server<br />
{<br />
public string ServerName<br />
{<br />
get;<br />
set;<br />
}</p>
<p> public int ServerStatus<br />
{<br />
get;<br />
set;<br />
}</p>
<p> public Server(string name, int status)<br />
{<br />
ServerName = name;<br />
ServerStatus = status;<br />
}<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Public Class Server</p>
<p> Public Property ServerName() As String<br />
Get<br />
Return m_ServerName<br />
End Get<br />
Set<br />
m_ServerName = Value<br />
End Set<br />
End Property</p>
<p> Public Property ServerStatus() As Integer<br />
Get<br />
Return m_ServerStatus<br />
End Get<br />
Set<br />
m_ServerStatus = Value<br />
End Set<br />
End Property</p>
<p> Private m_ServerName As String<br />
Private m_ServerStatus As Integer</p>
<p> Public Sub New(name As String, status As Integer)<br />
ServerName = name<br />
ServerStatus = status<br />
End Sub</p>
<p>End Class<br />
[/vb]</p>
<p>This class contains two properties representing server name and its status. The server name is a textual property and one would like this mapped to item label as usual. However, the server status is a numerical value which have no meaning to the user even when converted to string. In fact, the numerical value can be 0 (<em>offline</em>), 1 (<em>idle</em>) or 2 (<em>running</em>). You may like to display color icons instead of plain strings or numbers. What if we would like to even highlight some items or change other properties during data binding? This is possible through Better ListView data binding customization.</p>
<p>First, let&#8217;s create a list of <strong>Server</strong> objects and bind this to a Better ListView. We would like to have columns auto-generated, so we set <strong>DataBindColumns</strong> to <strong>true</strong>:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Server[] servers = new[]<br />
{<br />
new Server(&#8220;Andromeda&#8221;, 2),<br />
new Server(&#8220;Taurus&#8221;, 1),<br />
new Server(&#8220;Himalia&#8221;, 2),<br />
new Server(&#8220;Nanda&#8221;, 2),<br />
new Server(&#8220;Elara&#8221;, 0),<br />
new Server(&#8220;Perseus&#8221;, 2),<br />
new Server(&#8220;Titan&#8221;, 1)<br />
};</p>
<p>ImageList imageList = new ImageList();</p>
<p>imageList.ColorDepth = ColorDepth.Depth32Bit;<br />
imageList.ImageSize = new Size(16, 16);<br />
imageList.Images.AddStrip(Image.FromFile(&#8220;status.png&#8221;));</p>
<p>BetterListView listView = new CustomListView();</p>
<p>listView.DataBindColumns = true;<br />
listView.DataSource = servers;<br />
listView.ImageList = imageList;<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Dim servers As Server() = New () {New Server(&#8220;Andromeda&#8221;, 2), New Server(&#8220;Taurus&#8221;, 1), New Server(&#8220;Himalia&#8221;, 2), New Server(&#8220;Nanda&#8221;, 2), New Server(&#8220;Elara&#8221;, 0), New Server(&#8220;Perseus&#8221;, 2), _<br />
New Server(&#8220;Titan&#8221;, 1)}</p>
<p>Dim imageList As New ImageList()</p>
<p>imageList.ColorDepth = ColorDepth.Depth32Bit<br />
imageList.ImageSize = New Size(16, 16)<br />
imageList.Images.AddStrip(Image.FromFile(&#8220;status.png&#8221;))</p>
<p>Dim listView As BetterListView = New CustomListView()</p>
<p>listView.DataBindColumns = True<br />
listView.DataSource = servers<br />
listView.ImageList = imageList<br />
[/vb]</p>
<p>Let&#8217;s take a look on the result:</p>
<div id="attachment_851" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding1.png"><img class="size-full wp-image-851" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding1.png" alt="Better ListView with bound list" width="260" height="173" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>&nbsp;</p>
<p>The columns were auto-generated and <strong>Server</strong> properties properly converted to item and sub-item labels. The generated column header labels are just names of the corresponding properties (ServerName, ServerStatus). You can make the names more convenient by providing <strong>DisplayNameAttribute</strong> on the respective properties:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
&#8230;</p>
<p>[DisplayName(&#8220;Server Name&#8221;)]<br />
public string ServerName<br />
{<br />
get;<br />
set;<br />
}</p>
<p>[DisplayName(&#8220;Status&#8221;)]<br />
public int ServerStatus<br />
{<br />
get;<br />
set;<br />
}</p>
<p>&#8230;<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
&#8230;</p>
<p><DisplayName("Server Name")> _<br />
Public Property ServerName() As String<br />
Get<br />
Return m_ServerName<br />
End Get<br />
Set<br />
m_ServerName = Value<br />
End Set<br />
End Property</p>
<p><DisplayName("Status")> _<br />
Public Property ServerStatus() As Integer<br />
Get<br />
Return m_ServerStatus<br />
End Get<br />
Set<br />
m_ServerStatus = Value<br />
End Set<br />
End Property</p>
<p>&#8230;<br />
[/vb]</p>
<p>Now the column names are more user friendly:</p>
<div id="attachment_852" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding2.png"><img class="size-full wp-image-852" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding2.png" alt="Better ListView with bound list" width="260" height="173" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>We will finally add state images (instead of the numbers) and highlight some items. To do that, we have to override <strong>DataCreateItem</strong> method in a class derived from <strong>BetterListView</strong>:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
public class CustomListView : BetterListView<br />
{<br />
protected override BetterListViewItem DataCreateItem(<br />
CurrencyManager currentDataManager,<br />
BindingMemberInfo[] currentDisplayMembers,<br />
int index)<br />
{<br />
// create item using the base implementation<br />
BetterListViewItem item = base.DataCreateItem(<br />
currentDataManager,<br />
currentDisplayMembers,<br />
index);</p>
<p> // get server status from the current Server object<br />
int serverStatus = ((Server)currentDataManager.List[index]).ServerStatus;</p>
<p> if (serverStatus == 0)<br />
{<br />
// bold item when server status is 0<br />
item.IsBold = true;<br />
}</p>
<p> // get sub-item corresponding to server status<br />
BetterListViewSubItem subItemStatus = item.SubItems[1];</p>
<p> subItemStatus.ImageIndex = serverStatus; // set image for the sub-item<br />
subItemStatus.Text = &#8220;&#8221;; // clear sub-item text</p>
<p> return item;<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</p>
<p> Protected Overrides Function DataCreateItem(currentDataManager As CurrencyManager, currentDisplayMembers As BindingMemberInfo(), index As Integer) As BetterListViewItem</p>
<p> &#8216; create item using the base implementation<br />
Dim item As BetterListViewItem = MyBase.DataCreateItem(currentDataManager, currentDisplayMembers, index)</p>
<p> &#8216; get server status from the current Server object<br />
Dim serverStatus As Integer = DirectCast(currentDataManager.List(index), Server).ServerStatus</p>
<p> If serverStatus = 0 Then<br />
&#8216; bold item when server status is 0<br />
item.IsBold = True<br />
End If</p>
<p> &#8216; get sub-item corresponding to server status<br />
Dim subItemStatus As BetterListViewSubItem = item.SubItems(1)</p>
<p> subItemStatus.ImageIndex = serverStatus<br />
&#8216; set image for the sub-item<br />
subItemStatus.Text = &#8220;&#8221;<br />
&#8216; clear sub-item text<br />
Return item</p>
<p> End Function</p>
<p>End Class<br />
[/vb]</p>
<p>Now the control displays adjusted images and a highlighted item:</p>
<div id="attachment_853" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding3.png"><img class="size-full wp-image-853" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding3.png" alt="Better ListView with bound list" width="260" height="222" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>Note that you can customize data binding the other way as well by overriding the <strong>DataUpdateSubItemToSource</strong> method. This method is responsible for updating the bound data source when item/sub-item value have been modified.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/binding-images-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:23 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>bind &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; bind Tag Feed" href="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="archive tag tag-bind tag-296">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;bind&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=850.html" rel="bookmark" title="Permanent Link to Binding Images in Better ListView">Binding Images in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:39:08 by W3 Total Cache
-->

View File

@@ -0,0 +1,246 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>binding &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/binding/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Binding Images in Better ListView</title>
<link>http://www.componentowl.com/blog/binding-images-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/binding-images-in-better-listview/#respond</comments>
<pubDate>Mon, 28 Jan 2013 03:54:22 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[bind]]></category>
<category><![CDATA[binding]]></category>
<category><![CDATA[bound]]></category>
<category><![CDATA[data]]></category>
<category><![CDATA[databinding]]></category>
<category><![CDATA[databound]]></category>
<category><![CDATA[icon]]></category>
<category><![CDATA[icons]]></category>
<category><![CDATA[imagekey]]></category>
<category><![CDATA[imagelist]]></category>
<category><![CDATA[images]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=850</guid>
<description><![CDATA[How to use images instead of textual data in Better ListView data binding.]]></description>
<content:encoded><![CDATA[<p><a href="../../../../betterlistview.exe">Better ListView 3.5</a> have improved data binding functionality. You can adjust how the data rows will be converted to items/sub-items and vice versa. For example, you can show images based on the bound data:</p>
<div id="attachment_853" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding3.png"><img class="size-full wp-image-853" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding3.png" alt="Better ListView with bound list" width="260" height="222" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>Say you have a simple <strong>Server</strong> type:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
public class Server<br />
{<br />
public string ServerName<br />
{<br />
get;<br />
set;<br />
}</p>
<p> public int ServerStatus<br />
{<br />
get;<br />
set;<br />
}</p>
<p> public Server(string name, int status)<br />
{<br />
ServerName = name;<br />
ServerStatus = status;<br />
}<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Public Class Server</p>
<p> Public Property ServerName() As String<br />
Get<br />
Return m_ServerName<br />
End Get<br />
Set<br />
m_ServerName = Value<br />
End Set<br />
End Property</p>
<p> Public Property ServerStatus() As Integer<br />
Get<br />
Return m_ServerStatus<br />
End Get<br />
Set<br />
m_ServerStatus = Value<br />
End Set<br />
End Property</p>
<p> Private m_ServerName As String<br />
Private m_ServerStatus As Integer</p>
<p> Public Sub New(name As String, status As Integer)<br />
ServerName = name<br />
ServerStatus = status<br />
End Sub</p>
<p>End Class<br />
[/vb]</p>
<p>This class contains two properties representing server name and its status. The server name is a textual property and one would like this mapped to item label as usual. However, the server status is a numerical value which have no meaning to the user even when converted to string. In fact, the numerical value can be 0 (<em>offline</em>), 1 (<em>idle</em>) or 2 (<em>running</em>). You may like to display color icons instead of plain strings or numbers. What if we would like to even highlight some items or change other properties during data binding? This is possible through Better ListView data binding customization.</p>
<p>First, let&#8217;s create a list of <strong>Server</strong> objects and bind this to a Better ListView. We would like to have columns auto-generated, so we set <strong>DataBindColumns</strong> to <strong>true</strong>:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Server[] servers = new[]<br />
{<br />
new Server(&#8220;Andromeda&#8221;, 2),<br />
new Server(&#8220;Taurus&#8221;, 1),<br />
new Server(&#8220;Himalia&#8221;, 2),<br />
new Server(&#8220;Nanda&#8221;, 2),<br />
new Server(&#8220;Elara&#8221;, 0),<br />
new Server(&#8220;Perseus&#8221;, 2),<br />
new Server(&#8220;Titan&#8221;, 1)<br />
};</p>
<p>ImageList imageList = new ImageList();</p>
<p>imageList.ColorDepth = ColorDepth.Depth32Bit;<br />
imageList.ImageSize = new Size(16, 16);<br />
imageList.Images.AddStrip(Image.FromFile(&#8220;status.png&#8221;));</p>
<p>BetterListView listView = new CustomListView();</p>
<p>listView.DataBindColumns = true;<br />
listView.DataSource = servers;<br />
listView.ImageList = imageList;<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Dim servers As Server() = New () {New Server(&#8220;Andromeda&#8221;, 2), New Server(&#8220;Taurus&#8221;, 1), New Server(&#8220;Himalia&#8221;, 2), New Server(&#8220;Nanda&#8221;, 2), New Server(&#8220;Elara&#8221;, 0), New Server(&#8220;Perseus&#8221;, 2), _<br />
New Server(&#8220;Titan&#8221;, 1)}</p>
<p>Dim imageList As New ImageList()</p>
<p>imageList.ColorDepth = ColorDepth.Depth32Bit<br />
imageList.ImageSize = New Size(16, 16)<br />
imageList.Images.AddStrip(Image.FromFile(&#8220;status.png&#8221;))</p>
<p>Dim listView As BetterListView = New CustomListView()</p>
<p>listView.DataBindColumns = True<br />
listView.DataSource = servers<br />
listView.ImageList = imageList<br />
[/vb]</p>
<p>Let&#8217;s take a look on the result:</p>
<div id="attachment_851" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding1.png"><img class="size-full wp-image-851" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding1.png" alt="Better ListView with bound list" width="260" height="173" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>&nbsp;</p>
<p>The columns were auto-generated and <strong>Server</strong> properties properly converted to item and sub-item labels. The generated column header labels are just names of the corresponding properties (ServerName, ServerStatus). You can make the names more convenient by providing <strong>DisplayNameAttribute</strong> on the respective properties:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
&#8230;</p>
<p>[DisplayName(&#8220;Server Name&#8221;)]<br />
public string ServerName<br />
{<br />
get;<br />
set;<br />
}</p>
<p>[DisplayName(&#8220;Status&#8221;)]<br />
public int ServerStatus<br />
{<br />
get;<br />
set;<br />
}</p>
<p>&#8230;<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
&#8230;</p>
<p><DisplayName("Server Name")> _<br />
Public Property ServerName() As String<br />
Get<br />
Return m_ServerName<br />
End Get<br />
Set<br />
m_ServerName = Value<br />
End Set<br />
End Property</p>
<p><DisplayName("Status")> _<br />
Public Property ServerStatus() As Integer<br />
Get<br />
Return m_ServerStatus<br />
End Get<br />
Set<br />
m_ServerStatus = Value<br />
End Set<br />
End Property</p>
<p>&#8230;<br />
[/vb]</p>
<p>Now the column names are more user friendly:</p>
<div id="attachment_852" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding2.png"><img class="size-full wp-image-852" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding2.png" alt="Better ListView with bound list" width="260" height="173" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>We will finally add state images (instead of the numbers) and highlight some items. To do that, we have to override <strong>DataCreateItem</strong> method in a class derived from <strong>BetterListView</strong>:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
public class CustomListView : BetterListView<br />
{<br />
protected override BetterListViewItem DataCreateItem(<br />
CurrencyManager currentDataManager,<br />
BindingMemberInfo[] currentDisplayMembers,<br />
int index)<br />
{<br />
// create item using the base implementation<br />
BetterListViewItem item = base.DataCreateItem(<br />
currentDataManager,<br />
currentDisplayMembers,<br />
index);</p>
<p> // get server status from the current Server object<br />
int serverStatus = ((Server)currentDataManager.List[index]).ServerStatus;</p>
<p> if (serverStatus == 0)<br />
{<br />
// bold item when server status is 0<br />
item.IsBold = true;<br />
}</p>
<p> // get sub-item corresponding to server status<br />
BetterListViewSubItem subItemStatus = item.SubItems[1];</p>
<p> subItemStatus.ImageIndex = serverStatus; // set image for the sub-item<br />
subItemStatus.Text = &#8220;&#8221;; // clear sub-item text</p>
<p> return item;<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</p>
<p> Protected Overrides Function DataCreateItem(currentDataManager As CurrencyManager, currentDisplayMembers As BindingMemberInfo(), index As Integer) As BetterListViewItem</p>
<p> &#8216; create item using the base implementation<br />
Dim item As BetterListViewItem = MyBase.DataCreateItem(currentDataManager, currentDisplayMembers, index)</p>
<p> &#8216; get server status from the current Server object<br />
Dim serverStatus As Integer = DirectCast(currentDataManager.List(index), Server).ServerStatus</p>
<p> If serverStatus = 0 Then<br />
&#8216; bold item when server status is 0<br />
item.IsBold = True<br />
End If</p>
<p> &#8216; get sub-item corresponding to server status<br />
Dim subItemStatus As BetterListViewSubItem = item.SubItems(1)</p>
<p> subItemStatus.ImageIndex = serverStatus<br />
&#8216; set image for the sub-item<br />
subItemStatus.Text = &#8220;&#8221;<br />
&#8216; clear sub-item text<br />
Return item</p>
<p> End Function</p>
<p>End Class<br />
[/vb]</p>
<p>Now the control displays adjusted images and a highlighted item:</p>
<div id="attachment_853" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding3.png"><img class="size-full wp-image-853" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding3.png" alt="Better ListView with bound list" width="260" height="222" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>Note that you can customize data binding the other way as well by overriding the <strong>DataUpdateSubItemToSource</strong> method. This method is responsible for updating the bound data source when item/sub-item value have been modified.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/binding-images-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:23 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>binding &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; binding Tag Feed" href="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="archive tag tag-binding tag-292">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;binding&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=850.html" rel="bookmark" title="Permanent Link to Binding Images in Better ListView">Binding Images in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:39:08 by W3 Total Cache
-->

View File

@@ -0,0 +1,151 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>borders &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/borders/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>How to Make Items Fading on Edges in Better ListView</title>
<link>http://www.componentowl.com/blog/how-to-make-items-fading-on-edges-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/how-to-make-items-fading-on-edges-in-better-listview/#respond</comments>
<pubDate>Tue, 05 Mar 2013 15:45:22 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[borders]]></category>
<category><![CDATA[boundaries]]></category>
<category><![CDATA[drawing]]></category>
<category><![CDATA[drawn]]></category>
<category><![CDATA[edge]]></category>
<category><![CDATA[edges]]></category>
<category><![CDATA[fading]]></category>
<category><![CDATA[gradient]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[over]]></category>
<category><![CDATA[owner]]></category>
<category><![CDATA[ownerdrawing]]></category>
<category><![CDATA[ownerdrawn]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=868</guid>
<description><![CDATA[How to create the effect seen on smarphones when items are fading on control's edges with WinForms Better ListView.]]></description>
<content:encoded><![CDATA[<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>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/how-to-make-items-fading-on-edges-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:17 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>borders &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; borders Tag Feed" href="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="archive tag tag-borders tag-314">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;borders&#8217;</h2>
<ul style="line-height: 1.5em">
<li><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></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:59 by W3 Total Cache
-->

View File

@@ -0,0 +1,311 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>bound &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/bound/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Binding Images in Better ListView</title>
<link>http://www.componentowl.com/blog/binding-images-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/binding-images-in-better-listview/#respond</comments>
<pubDate>Mon, 28 Jan 2013 03:54:22 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[bind]]></category>
<category><![CDATA[binding]]></category>
<category><![CDATA[bound]]></category>
<category><![CDATA[data]]></category>
<category><![CDATA[databinding]]></category>
<category><![CDATA[databound]]></category>
<category><![CDATA[icon]]></category>
<category><![CDATA[icons]]></category>
<category><![CDATA[imagekey]]></category>
<category><![CDATA[imagelist]]></category>
<category><![CDATA[images]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=850</guid>
<description><![CDATA[How to use images instead of textual data in Better ListView data binding.]]></description>
<content:encoded><![CDATA[<p><a href="../../../../betterlistview.exe">Better ListView 3.5</a> have improved data binding functionality. You can adjust how the data rows will be converted to items/sub-items and vice versa. For example, you can show images based on the bound data:</p>
<div id="attachment_853" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding3.png"><img class="size-full wp-image-853" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding3.png" alt="Better ListView with bound list" width="260" height="222" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>Say you have a simple <strong>Server</strong> type:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
public class Server<br />
{<br />
public string ServerName<br />
{<br />
get;<br />
set;<br />
}</p>
<p> public int ServerStatus<br />
{<br />
get;<br />
set;<br />
}</p>
<p> public Server(string name, int status)<br />
{<br />
ServerName = name;<br />
ServerStatus = status;<br />
}<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Public Class Server</p>
<p> Public Property ServerName() As String<br />
Get<br />
Return m_ServerName<br />
End Get<br />
Set<br />
m_ServerName = Value<br />
End Set<br />
End Property</p>
<p> Public Property ServerStatus() As Integer<br />
Get<br />
Return m_ServerStatus<br />
End Get<br />
Set<br />
m_ServerStatus = Value<br />
End Set<br />
End Property</p>
<p> Private m_ServerName As String<br />
Private m_ServerStatus As Integer</p>
<p> Public Sub New(name As String, status As Integer)<br />
ServerName = name<br />
ServerStatus = status<br />
End Sub</p>
<p>End Class<br />
[/vb]</p>
<p>This class contains two properties representing server name and its status. The server name is a textual property and one would like this mapped to item label as usual. However, the server status is a numerical value which have no meaning to the user even when converted to string. In fact, the numerical value can be 0 (<em>offline</em>), 1 (<em>idle</em>) or 2 (<em>running</em>). You may like to display color icons instead of plain strings or numbers. What if we would like to even highlight some items or change other properties during data binding? This is possible through Better ListView data binding customization.</p>
<p>First, let&#8217;s create a list of <strong>Server</strong> objects and bind this to a Better ListView. We would like to have columns auto-generated, so we set <strong>DataBindColumns</strong> to <strong>true</strong>:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Server[] servers = new[]<br />
{<br />
new Server(&#8220;Andromeda&#8221;, 2),<br />
new Server(&#8220;Taurus&#8221;, 1),<br />
new Server(&#8220;Himalia&#8221;, 2),<br />
new Server(&#8220;Nanda&#8221;, 2),<br />
new Server(&#8220;Elara&#8221;, 0),<br />
new Server(&#8220;Perseus&#8221;, 2),<br />
new Server(&#8220;Titan&#8221;, 1)<br />
};</p>
<p>ImageList imageList = new ImageList();</p>
<p>imageList.ColorDepth = ColorDepth.Depth32Bit;<br />
imageList.ImageSize = new Size(16, 16);<br />
imageList.Images.AddStrip(Image.FromFile(&#8220;status.png&#8221;));</p>
<p>BetterListView listView = new CustomListView();</p>
<p>listView.DataBindColumns = true;<br />
listView.DataSource = servers;<br />
listView.ImageList = imageList;<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Dim servers As Server() = New () {New Server(&#8220;Andromeda&#8221;, 2), New Server(&#8220;Taurus&#8221;, 1), New Server(&#8220;Himalia&#8221;, 2), New Server(&#8220;Nanda&#8221;, 2), New Server(&#8220;Elara&#8221;, 0), New Server(&#8220;Perseus&#8221;, 2), _<br />
New Server(&#8220;Titan&#8221;, 1)}</p>
<p>Dim imageList As New ImageList()</p>
<p>imageList.ColorDepth = ColorDepth.Depth32Bit<br />
imageList.ImageSize = New Size(16, 16)<br />
imageList.Images.AddStrip(Image.FromFile(&#8220;status.png&#8221;))</p>
<p>Dim listView As BetterListView = New CustomListView()</p>
<p>listView.DataBindColumns = True<br />
listView.DataSource = servers<br />
listView.ImageList = imageList<br />
[/vb]</p>
<p>Let&#8217;s take a look on the result:</p>
<div id="attachment_851" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding1.png"><img class="size-full wp-image-851" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding1.png" alt="Better ListView with bound list" width="260" height="173" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>&nbsp;</p>
<p>The columns were auto-generated and <strong>Server</strong> properties properly converted to item and sub-item labels. The generated column header labels are just names of the corresponding properties (ServerName, ServerStatus). You can make the names more convenient by providing <strong>DisplayNameAttribute</strong> on the respective properties:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
&#8230;</p>
<p>[DisplayName(&#8220;Server Name&#8221;)]<br />
public string ServerName<br />
{<br />
get;<br />
set;<br />
}</p>
<p>[DisplayName(&#8220;Status&#8221;)]<br />
public int ServerStatus<br />
{<br />
get;<br />
set;<br />
}</p>
<p>&#8230;<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
&#8230;</p>
<p><DisplayName("Server Name")> _<br />
Public Property ServerName() As String<br />
Get<br />
Return m_ServerName<br />
End Get<br />
Set<br />
m_ServerName = Value<br />
End Set<br />
End Property</p>
<p><DisplayName("Status")> _<br />
Public Property ServerStatus() As Integer<br />
Get<br />
Return m_ServerStatus<br />
End Get<br />
Set<br />
m_ServerStatus = Value<br />
End Set<br />
End Property</p>
<p>&#8230;<br />
[/vb]</p>
<p>Now the column names are more user friendly:</p>
<div id="attachment_852" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding2.png"><img class="size-full wp-image-852" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding2.png" alt="Better ListView with bound list" width="260" height="173" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>We will finally add state images (instead of the numbers) and highlight some items. To do that, we have to override <strong>DataCreateItem</strong> method in a class derived from <strong>BetterListView</strong>:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
public class CustomListView : BetterListView<br />
{<br />
protected override BetterListViewItem DataCreateItem(<br />
CurrencyManager currentDataManager,<br />
BindingMemberInfo[] currentDisplayMembers,<br />
int index)<br />
{<br />
// create item using the base implementation<br />
BetterListViewItem item = base.DataCreateItem(<br />
currentDataManager,<br />
currentDisplayMembers,<br />
index);</p>
<p> // get server status from the current Server object<br />
int serverStatus = ((Server)currentDataManager.List[index]).ServerStatus;</p>
<p> if (serverStatus == 0)<br />
{<br />
// bold item when server status is 0<br />
item.IsBold = true;<br />
}</p>
<p> // get sub-item corresponding to server status<br />
BetterListViewSubItem subItemStatus = item.SubItems[1];</p>
<p> subItemStatus.ImageIndex = serverStatus; // set image for the sub-item<br />
subItemStatus.Text = &#8220;&#8221;; // clear sub-item text</p>
<p> return item;<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</p>
<p> Protected Overrides Function DataCreateItem(currentDataManager As CurrencyManager, currentDisplayMembers As BindingMemberInfo(), index As Integer) As BetterListViewItem</p>
<p> &#8216; create item using the base implementation<br />
Dim item As BetterListViewItem = MyBase.DataCreateItem(currentDataManager, currentDisplayMembers, index)</p>
<p> &#8216; get server status from the current Server object<br />
Dim serverStatus As Integer = DirectCast(currentDataManager.List(index), Server).ServerStatus</p>
<p> If serverStatus = 0 Then<br />
&#8216; bold item when server status is 0<br />
item.IsBold = True<br />
End If</p>
<p> &#8216; get sub-item corresponding to server status<br />
Dim subItemStatus As BetterListViewSubItem = item.SubItems(1)</p>
<p> subItemStatus.ImageIndex = serverStatus<br />
&#8216; set image for the sub-item<br />
subItemStatus.Text = &#8220;&#8221;<br />
&#8216; clear sub-item text<br />
Return item</p>
<p> End Function</p>
<p>End Class<br />
[/vb]</p>
<p>Now the control displays adjusted images and a highlighted item:</p>
<div id="attachment_853" style="width: 270px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/01/screen-blv-binding3.png"><img class="size-full wp-image-853" title="Better ListView with bound list" src="../../../wp-content/uploads/2013/01/screen-blv-binding3.png" alt="Better ListView with bound list" width="260" height="222" /></a><p class="wp-caption-text">Better ListView with bound list</p></div>
<p>Note that you can customize data binding the other way as well by overriding the <strong>DataUpdateSubItemToSource</strong> method. This method is responsible for updating the bound data source when item/sub-item value have been modified.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/binding-images-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Better ListView 2.00 released</title>
<link>http://www.componentowl.com/blog/better-listview-2-00-released/</link>
<comments>http://www.componentowl.com/blog/better-listview-2-00-released/#respond</comments>
<pubDate>Sun, 31 Jul 2011 15:25:39 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[2.00]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[bound]]></category>
<category><![CDATA[child items in listview]]></category>
<category><![CDATA[data]]></category>
<category><![CDATA[databinding]]></category>
<category><![CDATA[groups]]></category>
<category><![CDATA[hierarchy]]></category>
<category><![CDATA[item hierarchy]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[multi-line]]></category>
<category><![CDATA[multiline]]></category>
<category><![CDATA[nodes]]></category>
<category><![CDATA[tree]]></category>
<category><![CDATA[treeview]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=304</guid>
<description><![CDATA[A new major version version of Better ListView has been released! It adds new major features, including item hierarchy, groups, data-binding, and more.]]></description>
<content:encoded><![CDATA[<p style="text-align: left;">A new major version of Better ListView has been released! <a href="../../../../betterlistview.exe">Download the new version</a>.</p>
<div id="attachment_312" style="width: 310px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/betterlistview2-overview1.png"><img class="size-medium wp-image-312" title="betterlistview2-overview" src="../../../wp-content/uploads/2011/07/betterlistview2-overview1-300x279.png" alt="Item hierarchy with multi-line items in groups" width="300" height="279" srcset="../../../wp-content/uploads/2011/07/betterlistview2-overview1-300x279.png 300w, ../../../wp-content/uploads/2011/07/betterlistview2-overview1.png 568w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">Item hierarchy with multi-line items in groups</p></div>
<h1>Summary of what&#8217;s new:</h1>
<p>We have added four new major features:</p>
<ul>
<li><strong>Groups</strong> &#8211; items can be organized in collapsible groups</li>
<li><strong>Item Hierarchy</strong> &#8211; items can be organized in a tree structure, can be also collapsed just like the nodes in a <em>TreeView</em></li>
<li><strong>Multi-Line Items</strong> &#8211; item texts can break in several lines and each item can have different size</li>
<li><strong>Data Binding</strong> &#8211; complex data binding is fully supported, any <em>List</em>, <em>DataTable</em>, <em>DataView</em>, <em>array</em> or any other <em>IList</em>-type object can be bound to Better ListView as a data source</li>
</ul>
<p>Many existing features of Better ListView has been enhanced in favor of these. For example:</p>
<ul>
<li>Item reordering can be done with hierarchical items as well; user can even create child items</li>
<li>It is possible to move items between different groups</li>
</ul>
<p>Some of the minor features added are:</p>
<ul>
<li>Layouts can be adjustable &#8211; item sizes and spacings, even internal spacings</li>
<li>Added new label editing controls (calendar and drop down box)</li>
<li>Better ListView content (columns, items and groups) can be saved to file (XML or binary)</li>
<li>Multi-line items support added</li>
<li><a title="Better ListView 2.000 Changelog" href="http://www.componentowl.com/better-listview/releases?since=2.000">See full changelog</a> for details</li>
</ul>
<p>We have also fixed many issues and improved performance of Thumbnails view and operations with collections.</p>
<h1>About then new version</h1>
<p>The new version 2.00 brings new major features, the most important one being item hierarchy support. This allows you to create tree-list structures in the list view, without having to sacrifice any of the list view functionality (columns, sorting, grouping, Drag and Drop reordering, etc).</p>
<p>Highly customizable item grouping capabilities were added. Individual group headers can have customized look and behavior. The group headers can be collapsible, support images, custom context menus, are focusable, and more.</p>
<p>Version 2.0 also improves the thumbnail view. The control handles larger images smoothly, even while resizing. </p>
<p>List items, group headers and column header can newly have custom padding specified for all of their elements, which makes it easy to do owner drawing of custom elements, such as overlay icons in the thumbnail view. Every part of the control can be newly replaced by custom drawing, not just overdrawn.</p>
<p>Version 2.0 newly allows you to save/load the list view contents with 1 just line of code, either in XML or binary format, to either file or string. Data-binding with custom column-mapping is supported as well. </p>
<p>Multi-line listview items are also newly supported. List items with very long text can take place of two (r more) regular items, so the text whole text is readable.</p>
<div id="attachment_306" style="width: 310px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/betterlistview2-overview2.png"><img class="size-medium wp-image-306" title="betterlistview2-overview2" src="../../../wp-content/uploads/2011/07/betterlistview2-overview2-300x262.png" alt="Better ListView 2" width="300" height="262" srcset="../../../wp-content/uploads/2011/07/betterlistview2-overview2-300x262.png 300w, ../../../wp-content/uploads/2011/07/betterlistview2-overview2.png 568w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">Thumbnails in groups</p></div>
<div id="attachment_315" style="width: 310px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/betterlistview2-overview3.png"><img class="size-medium wp-image-315" title="betterlistview2-overview3" src="../../../wp-content/uploads/2011/07/betterlistview2-overview3-300x280.png" alt="DataTable bound to Better ListView" width="300" height="280" srcset="../../../wp-content/uploads/2011/07/betterlistview2-overview3-300x280.png 300w, ../../../wp-content/uploads/2011/07/betterlistview2-overview3.png 575w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">DataTable bound to Better ListView</p></div>
<h1>Other news &#8211; new comics for developers!</h1>
<p>We&#8217;ve also started publishing <strong><a href="http://www.componentowl.com/comics/4">new webcomics for developers</a></strong> on our website, drawn by the Better ListView lead developer, Libor Tinka.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/better-listview-2-00-released/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:38:28 by W3 Total Cache
-->

View File

@@ -0,0 +1,214 @@
<!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>bound &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; bound Tag Feed" href="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="archive tag tag-bound tag-85">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;bound&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=850.html" rel="bookmark" title="Permanent Link to Binding Images in Better ListView">Binding Images in Better ListView</a></li>
<li><a href="../../index.html%3Fp=304.html" rel="bookmark" title="Permanent Link to Better ListView 2.00 released">Better ListView 2.00 released</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:37:11 by W3 Total Cache
-->

View File

@@ -0,0 +1,151 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>boundaries &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/boundaries/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>How to Make Items Fading on Edges in Better ListView</title>
<link>http://www.componentowl.com/blog/how-to-make-items-fading-on-edges-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/how-to-make-items-fading-on-edges-in-better-listview/#respond</comments>
<pubDate>Tue, 05 Mar 2013 15:45:22 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[borders]]></category>
<category><![CDATA[boundaries]]></category>
<category><![CDATA[drawing]]></category>
<category><![CDATA[drawn]]></category>
<category><![CDATA[edge]]></category>
<category><![CDATA[edges]]></category>
<category><![CDATA[fading]]></category>
<category><![CDATA[gradient]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[over]]></category>
<category><![CDATA[owner]]></category>
<category><![CDATA[ownerdrawing]]></category>
<category><![CDATA[ownerdrawn]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=868</guid>
<description><![CDATA[How to create the effect seen on smarphones when items are fading on control's edges with WinForms Better ListView.]]></description>
<content:encoded><![CDATA[<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>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/how-to-make-items-fading-on-edges-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:18 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>boundaries &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; boundaries Tag Feed" href="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="archive tag tag-boundaries tag-315">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;boundaries&#8217;</h2>
<ul style="line-height: 1.5em">
<li><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></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:59 by W3 Total Cache
-->

View File

@@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>box &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/box/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Sub-item Check Boxes in Better ListView</title>
<link>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/#respond</comments>
<pubDate>Sun, 06 Jul 2014 21:48:41 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[box]]></category>
<category><![CDATA[boxes]]></category>
<category><![CDATA[buttons]]></category>
<category><![CDATA[cell]]></category>
<category><![CDATA[cells]]></category>
<category><![CDATA[check]]></category>
<category><![CDATA[checkbox]]></category>
<category><![CDATA[checkboxes]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[radio]]></category>
<category><![CDATA[radios]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[subitem]]></category>
<category><![CDATA[subitems]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=901</guid>
<description><![CDATA[How to display fully interactive check boxes and radio buttons in Better ListView sub-items.]]></description>
<content:encoded><![CDATA[<div id="attachment_902" style="width: 395px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png"><img class="size-full wp-image-902" title="blv-sub-item-checkboxes" src="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png" alt="Better ListView Sub-item Check Boxes" width="385" height="82" /></a><p class="wp-caption-text">Better ListView Sub-item Check Boxes</p></div>
<p><a href="../../../../betterlistview.exe">Better ListView 3.10.0</a> allows displaying fully interactive check boxes and even radio buttons in sub-item cells.</p>
<p>This feature can be activated simply by setting <strong>CheckBoxAppearance</strong> property of a given sub-item to other value than <strong>Hide</strong>. Such sub-item will not display check box or radio instead of image and text.</p>
<p>Please note the first sub-item&#8217;s properties do not apply as they are overriden by item&#8217;s properties. These two are separate for the case of column reordering (keeping consistency of sub-item states).</p>
<p>Another new feature in Better ListView is that check boxes or radios can be displayed disabled. This can be achieved by setting <strong>CheckEnabled</strong> property to <strong>false</strong> on the respective item or sub-item.</p>
<p>Sub-item check boxes can be operated by both mouse and keyboard. Checking sub-item with keyboard can be done by navigating focus rectangle by arrow keys to the given sub-item and pressing spacebar.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:11 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>box &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; box Tag Feed" href="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="archive tag tag-box tag-339">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;box&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=901.html" rel="bookmark" title="Permanent Link to Sub-item Check Boxes in Better ListView">Sub-item Check Boxes in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:42 by W3 Total Cache
-->

View File

@@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>boxes &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/boxes/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Sub-item Check Boxes in Better ListView</title>
<link>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/#respond</comments>
<pubDate>Sun, 06 Jul 2014 21:48:41 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[box]]></category>
<category><![CDATA[boxes]]></category>
<category><![CDATA[buttons]]></category>
<category><![CDATA[cell]]></category>
<category><![CDATA[cells]]></category>
<category><![CDATA[check]]></category>
<category><![CDATA[checkbox]]></category>
<category><![CDATA[checkboxes]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[radio]]></category>
<category><![CDATA[radios]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[subitem]]></category>
<category><![CDATA[subitems]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=901</guid>
<description><![CDATA[How to display fully interactive check boxes and radio buttons in Better ListView sub-items.]]></description>
<content:encoded><![CDATA[<div id="attachment_902" style="width: 395px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png"><img class="size-full wp-image-902" title="blv-sub-item-checkboxes" src="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png" alt="Better ListView Sub-item Check Boxes" width="385" height="82" /></a><p class="wp-caption-text">Better ListView Sub-item Check Boxes</p></div>
<p><a href="../../../../betterlistview.exe">Better ListView 3.10.0</a> allows displaying fully interactive check boxes and even radio buttons in sub-item cells.</p>
<p>This feature can be activated simply by setting <strong>CheckBoxAppearance</strong> property of a given sub-item to other value than <strong>Hide</strong>. Such sub-item will not display check box or radio instead of image and text.</p>
<p>Please note the first sub-item&#8217;s properties do not apply as they are overriden by item&#8217;s properties. These two are separate for the case of column reordering (keeping consistency of sub-item states).</p>
<p>Another new feature in Better ListView is that check boxes or radios can be displayed disabled. This can be achieved by setting <strong>CheckEnabled</strong> property to <strong>false</strong> on the respective item or sub-item.</p>
<p>Sub-item check boxes can be operated by both mouse and keyboard. Checking sub-item with keyboard can be done by navigating focus rectangle by arrow keys to the given sub-item and pressing spacebar.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:11 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>boxes &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; boxes Tag Feed" href="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="archive tag tag-boxes tag-340">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;boxes&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=901.html" rel="bookmark" title="Permanent Link to Sub-item Check Boxes in Better ListView">Sub-item Check Boxes in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:43 by W3 Total Cache
-->

View File

@@ -0,0 +1,123 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>browser &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/browser/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Better Thumbnail Browser Component Released</title>
<link>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/</link>
<comments>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/#comments</comments>
<pubDate>Sat, 01 Dec 2012 18:26:16 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[background]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[browser]]></category>
<category><![CDATA[component]]></category>
<category><![CDATA[control]]></category>
<category><![CDATA[folder]]></category>
<category><![CDATA[image]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[load]]></category>
<category><![CDATA[loading]]></category>
<category><![CDATA[thumbnail]]></category>
<category><![CDATA[thumbnailbrowser]]></category>
<category><![CDATA[thumbnails]]></category>
<category><![CDATA[winforms]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=823</guid>
<description><![CDATA[&#160; We have released a whole new WinForms component called Better Thumbnail Browser. This control is useful for anyone developing photo management software or any kind of image database: The control is capable of loading image thumbnails on background and does all the dirty job of threading and synchronization for you. My motivation to make [&#8230;]]]></description>
<content:encoded><![CDATA[<p>&nbsp;</p>
<p>We have released a whole new WinForms component called <a href="http://www.componentowl.com/better-thumbnail-browser">Better Thumbnail Browser</a>. This control is useful for anyone developing photo management software or any kind of image database:</p>
<div style="width: 404px" class="wp-caption aligncenter"><a href="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879"><img class=" " title="Better Thumbnail Browser" src="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" alt="Better Thumbnail Browser Overview" width="394" height="283" /></a><p class="wp-caption-text">Better Thumbnail Browser Overview</p></div>
<p>The control is capable of loading image thumbnails on background and does all the dirty job of threading and synchronization for you.</p>
<p>My motivation to make such component as lead developer at ComponentOwl.com was to have something that can smoothly integrate in my photo management software.</p>
<p>Since we already have <a href="http://www.componentowl.com/better-listview">Better ListView</a> component, which is quite mature (three major releases over two years of development), I decided to build upon it and finally make control for image thumbnails that is both extensible and powerful and have native look and feel.</p>
<p>Better Thumbnail Browser inherits most of its functionality from Better ListView (multi column sorting, custom paddings and spacings, multi-line text and groups to name a few). It adds image loading logic on top of it, which can handle various scenarios:</p>
<ul>
<li>Load images from a folder, database or custom source automatically</li>
<li>Load thumbnails with arbitrary sizes on background while progressively displaying them</li>
<li>Handle zooming thumbnails on the fly</li>
<li>Loading thumbnail items in multiple passes (e.g. load meta-data, then low quality image, then high quality image)</li>
<li>Loading thumbnails in custom order</li>
<li>Loading visible thumbnails first, then all other (and do this even though the user is scrolling the view)</li>
<li>Manage updating individual thumbnails or their count on the fly</li>
<li>Support showing loading progress</li>
</ul>
<p>The component is fully customizable and by default inherits native Windows theme. We tested it on Windows 8 with success:</p>
<div id="attachment_824" style="width: 404px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/12/w8-theme.jpg"><img class=" wp-image-824 " title="Better Thumbnail Browser with Windows 8 Theme" src="../../../wp-content/uploads/2012/12/w8-theme.jpg" alt="Better Thumbnail Browser with Windows 8 Theme" width="394" height="283" /></a><p class="wp-caption-text">Better Thumbnail Browser with Windows 8 Theme</p></div>
<p>&nbsp;</p>
<p>Better Thumbnail Browser contains default implementation for loading thumbnail images from disk. If you want to gather all images from a given folder (say &#8220;c:\images&#8221;), display them in Better Thumbnail Browser and load them on background, the code is particularly simple:</p>
<pre>thumbnailBrowser.Path = "c:\\images";</pre>
<p>And that&#8217;s it!</p>
<p>Better Thumbnail Browser will be our third component which is used in end-user consumer-level software package. This ensures future development, improvements and support.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/feed/</wfw:commentRss>
<slash:comments>1</slash:comments>
</item>
<item>
<title>File Explorer with Better ListView</title>
<link>http://www.componentowl.com/blog/file-explorer-with-better-listview/</link>
<comments>http://www.componentowl.com/blog/file-explorer-with-better-listview/#respond</comments>
<pubDate>Tue, 09 Aug 2011 16:04:31 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[browser]]></category>
<category><![CDATA[explorer]]></category>
<category><![CDATA[file]]></category>
<category><![CDATA[folder]]></category>
<category><![CDATA[tree]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=340</guid>
<description><![CDATA[In release 2.0.2 we added a sample demonstrating how Better ListView can be used to construct folder tree and file browser to make a standalone file explorer!]]></description>
<content:encoded><![CDATA[<p>In <a href="http://www.componentowl.com/better-listview/releases?since=2.0.2">release 2.0.2</a> we added a sample demonstrating how <a href="../../../../betterlistview.exe">Better ListView</a> can be used to construct folder tree and file browser to make a standalone file explorer:</p>
<p><img class="aligncenter" src="../../../wp-content/uploads/2011/08/blv-fileexplorersample.png" alt="File Explorer Sample" width="480" height="314" align="middle" /></p>
<p>There are two controls derived from <a href="../../../../betterlistview.exe">BetterListView</a>. One for the navigation pane (folder tree on left side) and one for the file view (on the right side).</p>
<p>The <strong>FolderListView</strong> control allows browsing through virtual folders as well as folders on removable drives. We needed this control in our products because .NET does not provide any similar managed control (there is only FolderBrowserDialog, but we actually need a control).</p>
<p>You can use it for your purposes as well, it is available in Better ListView Samples source code.</p>
<p>Many features of Better ListView can be used to enhance file browsing, for example:</p>
<ul>
<li><strong>Drag and Drop</strong> &#8211; moving or copying files</li>
<li><strong>Label Edit</strong> &#8211; renaming files</li>
<li><strong>Thumbnails</strong> &#8211; display thumbnails of image files</li>
<li><strong>Custom Tooltips</strong> &#8211; display extra information on each file item</li>
<li><strong>Groups</strong> &#8211; organize files into groups (e.g. by size)</li>
<li><strong>Check Boxes</strong> &#8211; select folders and sub-folders properly with three-state check boxes</li>
<li><strong>Images</strong> &#8211; every file type could display different image (extracted icon)</li>
<li><strong>Context Menus</strong> &#8211; do extra operations with files, like displaying file properties</li>
<li><strong>Searching</strong> &#8211; doing keyboard search is very easy to search for some file</li>
<li><strong>Sorting</strong> &#8211; sort files according to multiple properties (<em>this is demonstrated in the sample</em>)</li>
<li><strong>Background Image</strong> &#8211; show that the user is located in special folder by ambient image on the background</li>
</ul>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/file-explorer-with-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:49 by W3 Total Cache
-->

View File

@@ -0,0 +1,214 @@
<!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>browser &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; browser Tag Feed" href="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="archive tag tag-browser tag-95">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;browser&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=823.html" rel="bookmark" title="Permanent Link to Better Thumbnail Browser Component Released">Better Thumbnail Browser Component Released</a></li>
<li><a href="../../index.html%3Fp=340.html" rel="bookmark" title="Permanent Link to File Explorer with Better ListView">File Explorer with Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:40:12 by W3 Total Cache
-->

View File

@@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>buttons &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/buttons/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Sub-item Check Boxes in Better ListView</title>
<link>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/#respond</comments>
<pubDate>Sun, 06 Jul 2014 21:48:41 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[box]]></category>
<category><![CDATA[boxes]]></category>
<category><![CDATA[buttons]]></category>
<category><![CDATA[cell]]></category>
<category><![CDATA[cells]]></category>
<category><![CDATA[check]]></category>
<category><![CDATA[checkbox]]></category>
<category><![CDATA[checkboxes]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[radio]]></category>
<category><![CDATA[radios]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[subitem]]></category>
<category><![CDATA[subitems]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=901</guid>
<description><![CDATA[How to display fully interactive check boxes and radio buttons in Better ListView sub-items.]]></description>
<content:encoded><![CDATA[<div id="attachment_902" style="width: 395px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png"><img class="size-full wp-image-902" title="blv-sub-item-checkboxes" src="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png" alt="Better ListView Sub-item Check Boxes" width="385" height="82" /></a><p class="wp-caption-text">Better ListView Sub-item Check Boxes</p></div>
<p><a href="../../../../betterlistview.exe">Better ListView 3.10.0</a> allows displaying fully interactive check boxes and even radio buttons in sub-item cells.</p>
<p>This feature can be activated simply by setting <strong>CheckBoxAppearance</strong> property of a given sub-item to other value than <strong>Hide</strong>. Such sub-item will not display check box or radio instead of image and text.</p>
<p>Please note the first sub-item&#8217;s properties do not apply as they are overriden by item&#8217;s properties. These two are separate for the case of column reordering (keeping consistency of sub-item states).</p>
<p>Another new feature in Better ListView is that check boxes or radios can be displayed disabled. This can be achieved by setting <strong>CheckEnabled</strong> property to <strong>false</strong> on the respective item or sub-item.</p>
<p>Sub-item check boxes can be operated by both mouse and keyboard. Checking sub-item with keyboard can be done by navigating focus rectangle by arrow keys to the given sub-item and pressing spacebar.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:11 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>buttons &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; buttons Tag Feed" href="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="archive tag tag-buttons tag-343">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;buttons&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=901.html" rel="bookmark" title="Permanent Link to Sub-item Check Boxes in Better ListView">Sub-item Check Boxes in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:43 by W3 Total Cache
-->

View File

@@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>cell &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/cell/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Sub-item Check Boxes in Better ListView</title>
<link>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/#respond</comments>
<pubDate>Sun, 06 Jul 2014 21:48:41 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[box]]></category>
<category><![CDATA[boxes]]></category>
<category><![CDATA[buttons]]></category>
<category><![CDATA[cell]]></category>
<category><![CDATA[cells]]></category>
<category><![CDATA[check]]></category>
<category><![CDATA[checkbox]]></category>
<category><![CDATA[checkboxes]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[radio]]></category>
<category><![CDATA[radios]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[subitem]]></category>
<category><![CDATA[subitems]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=901</guid>
<description><![CDATA[How to display fully interactive check boxes and radio buttons in Better ListView sub-items.]]></description>
<content:encoded><![CDATA[<div id="attachment_902" style="width: 395px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png"><img class="size-full wp-image-902" title="blv-sub-item-checkboxes" src="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png" alt="Better ListView Sub-item Check Boxes" width="385" height="82" /></a><p class="wp-caption-text">Better ListView Sub-item Check Boxes</p></div>
<p><a href="../../../../betterlistview.exe">Better ListView 3.10.0</a> allows displaying fully interactive check boxes and even radio buttons in sub-item cells.</p>
<p>This feature can be activated simply by setting <strong>CheckBoxAppearance</strong> property of a given sub-item to other value than <strong>Hide</strong>. Such sub-item will not display check box or radio instead of image and text.</p>
<p>Please note the first sub-item&#8217;s properties do not apply as they are overriden by item&#8217;s properties. These two are separate for the case of column reordering (keeping consistency of sub-item states).</p>
<p>Another new feature in Better ListView is that check boxes or radios can be displayed disabled. This can be achieved by setting <strong>CheckEnabled</strong> property to <strong>false</strong> on the respective item or sub-item.</p>
<p>Sub-item check boxes can be operated by both mouse and keyboard. Checking sub-item with keyboard can be done by navigating focus rectangle by arrow keys to the given sub-item and pressing spacebar.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:12 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>cell &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; cell Tag Feed" href="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="archive tag tag-cell tag-345">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;cell&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=901.html" rel="bookmark" title="Permanent Link to Sub-item Check Boxes in Better ListView">Sub-item Check Boxes in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:43 by W3 Total Cache
-->

View File

@@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>cells &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/cells/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Sub-item Check Boxes in Better ListView</title>
<link>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/#respond</comments>
<pubDate>Sun, 06 Jul 2014 21:48:41 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[box]]></category>
<category><![CDATA[boxes]]></category>
<category><![CDATA[buttons]]></category>
<category><![CDATA[cell]]></category>
<category><![CDATA[cells]]></category>
<category><![CDATA[check]]></category>
<category><![CDATA[checkbox]]></category>
<category><![CDATA[checkboxes]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[radio]]></category>
<category><![CDATA[radios]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[subitem]]></category>
<category><![CDATA[subitems]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=901</guid>
<description><![CDATA[How to display fully interactive check boxes and radio buttons in Better ListView sub-items.]]></description>
<content:encoded><![CDATA[<div id="attachment_902" style="width: 395px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png"><img class="size-full wp-image-902" title="blv-sub-item-checkboxes" src="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png" alt="Better ListView Sub-item Check Boxes" width="385" height="82" /></a><p class="wp-caption-text">Better ListView Sub-item Check Boxes</p></div>
<p><a href="../../../../betterlistview.exe">Better ListView 3.10.0</a> allows displaying fully interactive check boxes and even radio buttons in sub-item cells.</p>
<p>This feature can be activated simply by setting <strong>CheckBoxAppearance</strong> property of a given sub-item to other value than <strong>Hide</strong>. Such sub-item will not display check box or radio instead of image and text.</p>
<p>Please note the first sub-item&#8217;s properties do not apply as they are overriden by item&#8217;s properties. These two are separate for the case of column reordering (keeping consistency of sub-item states).</p>
<p>Another new feature in Better ListView is that check boxes or radios can be displayed disabled. This can be achieved by setting <strong>CheckEnabled</strong> property to <strong>false</strong> on the respective item or sub-item.</p>
<p>Sub-item check boxes can be operated by both mouse and keyboard. Checking sub-item with keyboard can be done by navigating focus rectangle by arrow keys to the given sub-item and pressing spacebar.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:12 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>cells &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; cells Tag Feed" href="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="archive tag tag-cells tag-346">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;cells&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=901.html" rel="bookmark" title="Permanent Link to Sub-item Check Boxes in Better ListView">Sub-item Check Boxes in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:43 by W3 Total Cache
-->

View File

@@ -0,0 +1,61 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>center &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/center/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Centering Images in Better ListView Sub-items</title>
<link>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/</link>
<comments>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/#respond</comments>
<pubDate>Wed, 06 Aug 2014 21:14:10 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[align]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[center]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[columns]]></category>
<category><![CDATA[header]]></category>
<category><![CDATA[image]]></category>
<category><![CDATA[images]]></category>
<category><![CDATA[layout]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[sub-items]]></category>
<category><![CDATA[subitem]]></category>
<category><![CDATA[subitems]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=906</guid>
<description><![CDATA[How to align images to center in Better ListView sub-items and columns.]]></description>
<content:encoded><![CDATA[<div id="attachment_907" style="width: 380px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/08/blv-overlay.png"><img class="size-full wp-image-907" title="Centered images in Better ListView" src="../../../wp-content/uploads/2014/08/blv-overlay.png" alt="Centered images in Better ListView" width="370" height="162" /></a><p class="wp-caption-text">Centered images in Better ListView</p></div>
<p>Better ListView 3.11 supports aligning images in sub-items and columns to center. Simply set <strong>AlignHorizontalImage</strong> property of an sub-item or column to <strong>BetterListViewImageAlignmentHorizontal.OverlayCenter</strong>.</p>
<p>The image will be centered inside available space regardless of text.</p>
<p>This is useful for sub-items and column headers consisting of image only.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:41:15 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>center &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; center Tag Feed" href="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="archive tag tag-center tag-347">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;center&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=906.html" rel="bookmark" title="Permanent Link to Centering Images in Better ListView Sub-items">Centering Images in Better ListView Sub-items</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:22 by W3 Total Cache
-->

View File

@@ -0,0 +1,53 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>changelog &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/changelog/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Better ListView 1.52 released</title>
<link>http://www.componentowl.com/blog/better-listview-1-52-released/</link>
<comments>http://www.componentowl.com/blog/better-listview-1-52-released/#respond</comments>
<pubDate>Tue, 29 Mar 2011 16:21:14 +0000</pubDate>
<dc:creator><![CDATA[Brian Galura]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[1.52]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[changelog]]></category>
<category><![CDATA[new release]]></category>
<category><![CDATA[what's new]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=213</guid>
<description><![CDATA[Another minor release with many fixes and some new features. See what&#8217;s new in Better ListView 1.52. Download the new version. We are still working on the new major features (Item hierarchy, groups) as described here. These new features are near completion.]]></description>
<content:encoded><![CDATA[<p>Another minor release with many fixes and some new features.</p>
<p>See <strong><a href="http://www.componentowl.com/better-listview/releases?since=1.52">what&#8217;s new in Better ListView 1.52.</a></strong></p>
<p><strong><a href="../../../../betterlistview.exe">Download</a></strong> the new version.</p>
<p>We are still working on the new major features (Item hierarchy, groups) as described <strong><a href="http://www.componentowl.com/blog/2011/02/what-we-are-working-on-groups-item-hierarchy-support/">here</a></strong>. These new features are near completion.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/better-listview-1-52-released/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:54 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>changelog &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; changelog Tag Feed" href="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="archive tag tag-changelog tag-33">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;changelog&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=213.html" rel="bookmark" title="Permanent Link to Better ListView 1.52 released">Better ListView 1.52 released</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:40:30 by W3 Total Cache
-->

View File

@@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>check &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/check/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Sub-item Check Boxes in Better ListView</title>
<link>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/#respond</comments>
<pubDate>Sun, 06 Jul 2014 21:48:41 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[box]]></category>
<category><![CDATA[boxes]]></category>
<category><![CDATA[buttons]]></category>
<category><![CDATA[cell]]></category>
<category><![CDATA[cells]]></category>
<category><![CDATA[check]]></category>
<category><![CDATA[checkbox]]></category>
<category><![CDATA[checkboxes]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[radio]]></category>
<category><![CDATA[radios]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[subitem]]></category>
<category><![CDATA[subitems]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=901</guid>
<description><![CDATA[How to display fully interactive check boxes and radio buttons in Better ListView sub-items.]]></description>
<content:encoded><![CDATA[<div id="attachment_902" style="width: 395px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png"><img class="size-full wp-image-902" title="blv-sub-item-checkboxes" src="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png" alt="Better ListView Sub-item Check Boxes" width="385" height="82" /></a><p class="wp-caption-text">Better ListView Sub-item Check Boxes</p></div>
<p><a href="../../../../betterlistview.exe">Better ListView 3.10.0</a> allows displaying fully interactive check boxes and even radio buttons in sub-item cells.</p>
<p>This feature can be activated simply by setting <strong>CheckBoxAppearance</strong> property of a given sub-item to other value than <strong>Hide</strong>. Such sub-item will not display check box or radio instead of image and text.</p>
<p>Please note the first sub-item&#8217;s properties do not apply as they are overriden by item&#8217;s properties. These two are separate for the case of column reordering (keeping consistency of sub-item states).</p>
<p>Another new feature in Better ListView is that check boxes or radios can be displayed disabled. This can be achieved by setting <strong>CheckEnabled</strong> property to <strong>false</strong> on the respective item or sub-item.</p>
<p>Sub-item check boxes can be operated by both mouse and keyboard. Checking sub-item with keyboard can be done by navigating focus rectangle by arrow keys to the given sub-item and pressing spacebar.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:12 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>check &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; check Tag Feed" href="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="archive tag tag-check tag-338">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;check&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=901.html" rel="bookmark" title="Permanent Link to Sub-item Check Boxes in Better ListView">Sub-item Check Boxes in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:44 by W3 Total Cache
-->

View File

@@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>checkbox &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/checkbox/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Sub-item Check Boxes in Better ListView</title>
<link>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/#respond</comments>
<pubDate>Sun, 06 Jul 2014 21:48:41 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[box]]></category>
<category><![CDATA[boxes]]></category>
<category><![CDATA[buttons]]></category>
<category><![CDATA[cell]]></category>
<category><![CDATA[cells]]></category>
<category><![CDATA[check]]></category>
<category><![CDATA[checkbox]]></category>
<category><![CDATA[checkboxes]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[radio]]></category>
<category><![CDATA[radios]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[subitem]]></category>
<category><![CDATA[subitems]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=901</guid>
<description><![CDATA[How to display fully interactive check boxes and radio buttons in Better ListView sub-items.]]></description>
<content:encoded><![CDATA[<div id="attachment_902" style="width: 395px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png"><img class="size-full wp-image-902" title="blv-sub-item-checkboxes" src="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png" alt="Better ListView Sub-item Check Boxes" width="385" height="82" /></a><p class="wp-caption-text">Better ListView Sub-item Check Boxes</p></div>
<p><a href="../../../../betterlistview.exe">Better ListView 3.10.0</a> allows displaying fully interactive check boxes and even radio buttons in sub-item cells.</p>
<p>This feature can be activated simply by setting <strong>CheckBoxAppearance</strong> property of a given sub-item to other value than <strong>Hide</strong>. Such sub-item will not display check box or radio instead of image and text.</p>
<p>Please note the first sub-item&#8217;s properties do not apply as they are overriden by item&#8217;s properties. These two are separate for the case of column reordering (keeping consistency of sub-item states).</p>
<p>Another new feature in Better ListView is that check boxes or radios can be displayed disabled. This can be achieved by setting <strong>CheckEnabled</strong> property to <strong>false</strong> on the respective item or sub-item.</p>
<p>Sub-item check boxes can be operated by both mouse and keyboard. Checking sub-item with keyboard can be done by navigating focus rectangle by arrow keys to the given sub-item and pressing spacebar.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:12 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>checkbox &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; checkbox Tag Feed" href="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="archive tag tag-checkbox tag-337">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;checkbox&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=901.html" rel="bookmark" title="Permanent Link to Sub-item Check Boxes in Better ListView">Sub-item Check Boxes in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:44 by W3 Total Cache
-->

View File

@@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>checkboxes &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/checkboxes/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Sub-item Check Boxes in Better ListView</title>
<link>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/#respond</comments>
<pubDate>Sun, 06 Jul 2014 21:48:41 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[box]]></category>
<category><![CDATA[boxes]]></category>
<category><![CDATA[buttons]]></category>
<category><![CDATA[cell]]></category>
<category><![CDATA[cells]]></category>
<category><![CDATA[check]]></category>
<category><![CDATA[checkbox]]></category>
<category><![CDATA[checkboxes]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[radio]]></category>
<category><![CDATA[radios]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[subitem]]></category>
<category><![CDATA[subitems]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=901</guid>
<description><![CDATA[How to display fully interactive check boxes and radio buttons in Better ListView sub-items.]]></description>
<content:encoded><![CDATA[<div id="attachment_902" style="width: 395px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png"><img class="size-full wp-image-902" title="blv-sub-item-checkboxes" src="../../../wp-content/uploads/2014/07/blv-sub-item-checkboxes.png" alt="Better ListView Sub-item Check Boxes" width="385" height="82" /></a><p class="wp-caption-text">Better ListView Sub-item Check Boxes</p></div>
<p><a href="../../../../betterlistview.exe">Better ListView 3.10.0</a> allows displaying fully interactive check boxes and even radio buttons in sub-item cells.</p>
<p>This feature can be activated simply by setting <strong>CheckBoxAppearance</strong> property of a given sub-item to other value than <strong>Hide</strong>. Such sub-item will not display check box or radio instead of image and text.</p>
<p>Please note the first sub-item&#8217;s properties do not apply as they are overriden by item&#8217;s properties. These two are separate for the case of column reordering (keeping consistency of sub-item states).</p>
<p>Another new feature in Better ListView is that check boxes or radios can be displayed disabled. This can be achieved by setting <strong>CheckEnabled</strong> property to <strong>false</strong> on the respective item or sub-item.</p>
<p>Sub-item check boxes can be operated by both mouse and keyboard. Checking sub-item with keyboard can be done by navigating focus rectangle by arrow keys to the given sub-item and pressing spacebar.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/sub-item-check-boxes-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:12 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>checkboxes &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; checkboxes Tag Feed" href="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="archive tag tag-checkboxes tag-341">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;checkboxes&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=901.html" rel="bookmark" title="Permanent Link to Sub-item Check Boxes in Better ListView">Sub-item Check Boxes in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:44 by W3 Total Cache
-->

View File

@@ -0,0 +1,150 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>child items in listview &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/child-items-in-listview/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Better ListView 2.00 released</title>
<link>http://www.componentowl.com/blog/better-listview-2-00-released/</link>
<comments>http://www.componentowl.com/blog/better-listview-2-00-released/#respond</comments>
<pubDate>Sun, 31 Jul 2011 15:25:39 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[2.00]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[bound]]></category>
<category><![CDATA[child items in listview]]></category>
<category><![CDATA[data]]></category>
<category><![CDATA[databinding]]></category>
<category><![CDATA[groups]]></category>
<category><![CDATA[hierarchy]]></category>
<category><![CDATA[item hierarchy]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[multi-line]]></category>
<category><![CDATA[multiline]]></category>
<category><![CDATA[nodes]]></category>
<category><![CDATA[tree]]></category>
<category><![CDATA[treeview]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=304</guid>
<description><![CDATA[A new major version version of Better ListView has been released! It adds new major features, including item hierarchy, groups, data-binding, and more.]]></description>
<content:encoded><![CDATA[<p style="text-align: left;">A new major version of Better ListView has been released! <a href="../../../../betterlistview.exe">Download the new version</a>.</p>
<div id="attachment_312" style="width: 310px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/betterlistview2-overview1.png"><img class="size-medium wp-image-312" title="betterlistview2-overview" src="../../../wp-content/uploads/2011/07/betterlistview2-overview1-300x279.png" alt="Item hierarchy with multi-line items in groups" width="300" height="279" srcset="../../../wp-content/uploads/2011/07/betterlistview2-overview1-300x279.png 300w, ../../../wp-content/uploads/2011/07/betterlistview2-overview1.png 568w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">Item hierarchy with multi-line items in groups</p></div>
<h1>Summary of what&#8217;s new:</h1>
<p>We have added four new major features:</p>
<ul>
<li><strong>Groups</strong> &#8211; items can be organized in collapsible groups</li>
<li><strong>Item Hierarchy</strong> &#8211; items can be organized in a tree structure, can be also collapsed just like the nodes in a <em>TreeView</em></li>
<li><strong>Multi-Line Items</strong> &#8211; item texts can break in several lines and each item can have different size</li>
<li><strong>Data Binding</strong> &#8211; complex data binding is fully supported, any <em>List</em>, <em>DataTable</em>, <em>DataView</em>, <em>array</em> or any other <em>IList</em>-type object can be bound to Better ListView as a data source</li>
</ul>
<p>Many existing features of Better ListView has been enhanced in favor of these. For example:</p>
<ul>
<li>Item reordering can be done with hierarchical items as well; user can even create child items</li>
<li>It is possible to move items between different groups</li>
</ul>
<p>Some of the minor features added are:</p>
<ul>
<li>Layouts can be adjustable &#8211; item sizes and spacings, even internal spacings</li>
<li>Added new label editing controls (calendar and drop down box)</li>
<li>Better ListView content (columns, items and groups) can be saved to file (XML or binary)</li>
<li>Multi-line items support added</li>
<li><a title="Better ListView 2.000 Changelog" href="http://www.componentowl.com/better-listview/releases?since=2.000">See full changelog</a> for details</li>
</ul>
<p>We have also fixed many issues and improved performance of Thumbnails view and operations with collections.</p>
<h1>About then new version</h1>
<p>The new version 2.00 brings new major features, the most important one being item hierarchy support. This allows you to create tree-list structures in the list view, without having to sacrifice any of the list view functionality (columns, sorting, grouping, Drag and Drop reordering, etc).</p>
<p>Highly customizable item grouping capabilities were added. Individual group headers can have customized look and behavior. The group headers can be collapsible, support images, custom context menus, are focusable, and more.</p>
<p>Version 2.0 also improves the thumbnail view. The control handles larger images smoothly, even while resizing. </p>
<p>List items, group headers and column header can newly have custom padding specified for all of their elements, which makes it easy to do owner drawing of custom elements, such as overlay icons in the thumbnail view. Every part of the control can be newly replaced by custom drawing, not just overdrawn.</p>
<p>Version 2.0 newly allows you to save/load the list view contents with 1 just line of code, either in XML or binary format, to either file or string. Data-binding with custom column-mapping is supported as well. </p>
<p>Multi-line listview items are also newly supported. List items with very long text can take place of two (r more) regular items, so the text whole text is readable.</p>
<div id="attachment_306" style="width: 310px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/betterlistview2-overview2.png"><img class="size-medium wp-image-306" title="betterlistview2-overview2" src="../../../wp-content/uploads/2011/07/betterlistview2-overview2-300x262.png" alt="Better ListView 2" width="300" height="262" srcset="../../../wp-content/uploads/2011/07/betterlistview2-overview2-300x262.png 300w, ../../../wp-content/uploads/2011/07/betterlistview2-overview2.png 568w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">Thumbnails in groups</p></div>
<div id="attachment_315" style="width: 310px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/betterlistview2-overview3.png"><img class="size-medium wp-image-315" title="betterlistview2-overview3" src="../../../wp-content/uploads/2011/07/betterlistview2-overview3-300x280.png" alt="DataTable bound to Better ListView" width="300" height="280" srcset="../../../wp-content/uploads/2011/07/betterlistview2-overview3-300x280.png 300w, ../../../wp-content/uploads/2011/07/betterlistview2-overview3.png 575w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">DataTable bound to Better ListView</p></div>
<h1>Other news &#8211; new comics for developers!</h1>
<p>We&#8217;ve also started publishing <strong><a href="http://www.componentowl.com/comics/4">new webcomics for developers</a></strong> on our website, drawn by the Better ListView lead developer, Libor Tinka.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/better-listview-2-00-released/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more)</title>
<link>http://www.componentowl.com/blog/better-listview-2-0-sneak-peek-item-hierarchy-groups-more/</link>
<comments>http://www.componentowl.com/blog/better-listview-2-0-sneak-peek-item-hierarchy-groups-more/#respond</comments>
<pubDate>Tue, 03 May 2011 09:28:55 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[child items in listview]]></category>
<category><![CDATA[coming soon]]></category>
<category><![CDATA[features]]></category>
<category><![CDATA[groups]]></category>
<category><![CDATA[item hierarchy]]></category>
<category><![CDATA[listview tree]]></category>
<category><![CDATA[preview]]></category>
<category><![CDATA[tree structure in listview]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=232</guid>
<description><![CDATA[Better ListView 2.0 is coming soon. Support for <strong>groups</strong>, <strong>tree-like item structure</strong> (tree nodes are collapsible, as expected), and <strong>multi-line items</strong>.]]></description>
<content:encoded><![CDATA[<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>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/better-listview-2-0-sneak-peek-item-hierarchy-groups-more/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:38:28 by W3 Total Cache
-->

View File

@@ -0,0 +1,214 @@
<!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>child items in listview &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; child items in listview Tag Feed" href="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="archive tag tag-child-items-in-listview tag-57">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;child items in listview&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=304.html" rel="bookmark" title="Permanent Link to Better ListView 2.00 released">Better ListView 2.00 released</a></li>
<li><a href="../../index.html%3Fp=232.html" rel="bookmark" title="Permanent Link to Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more)">Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more)</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:37:11 by W3 Total Cache
-->

View File

@@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>classic &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/classic/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Windows Theme Support in Better ListView</title>
<link>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/#respond</comments>
<pubDate>Fri, 01 Jul 2011 22:46:55 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[aero]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[classic]]></category>
<category><![CDATA[collapse]]></category>
<category><![CDATA[collapsible]]></category>
<category><![CDATA[groups]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[luna]]></category>
<category><![CDATA[refresh]]></category>
<category><![CDATA[runtime]]></category>
<category><![CDATA[support]]></category>
<category><![CDATA[theme]]></category>
<category><![CDATA[xp]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=287</guid>
<description><![CDATA[Both current Better ListView 1.5 and the upcoming Better ListView 2.0 put emphasis on native theme support. Contrary to many custom controls, Better ListView adjusts itself to current theme even if the theme is changed in run-time. For example, when user of your application switches theme from Classic to Aero, or to some other custom [&#8230;]]]></description>
<content:encoded><![CDATA[<p>Both current Better ListView 1.5 and the upcoming <strong>Better ListView 2.0</strong> put emphasis on native theme support.</p>
<p>Contrary to many custom controls, Better ListView adjusts itself to current theme <strong>even if the theme is changed in run-time</strong>. For example, when user of your application switches theme from <em>Classic</em> to <em>Aero</em>, or to some other custom theme with elements of different sizes, Better ListView re-measures itself for the new theme smoothly. Reloading the component or re-starting the application is not necessary.</p>
<p>One of the sweet bonuses of using Better ListView 2.0 instead of regular .NET ListView is the <strong>full <em>Groups</em> functionality in all themes</strong> and all versions of the operating system. For example, <strong>groups are not collapsible in standard ListView on Windows XP</strong> and even does not support images. In Better ListView, however, you are able to <strong>unleash full potential of groups everywhere</strong>.</p>
<p>The following images show Better ListView in different Windows themes: <em>Classic</em>, <em>XP Luna</em> and <em>Aero</em>:</p>
<div id="attachment_288" style="width: 433px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-classic.png"><img class="size-full wp-image-288" title="blv-classic" src="../../../wp-content/uploads/2011/07/blv-classic.png" alt="Better ListView in Classic theme" width="423" height="301" srcset="../../../wp-content/uploads/2011/07/blv-classic.png 423w, ../../../wp-content/uploads/2011/07/blv-classic-300x213.png 300w" sizes="(max-width: 423px) 100vw, 423px" /></a><p class="wp-caption-text">Better ListView in Classic theme</p></div>
<div id="attachment_290" style="width: 433px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-luna.png"><img class="size-full wp-image-290" title="blv-luna" src="../../../wp-content/uploads/2011/07/blv-luna.png" alt="Better ListView in XP Luna Theme" width="423" height="301" srcset="../../../wp-content/uploads/2011/07/blv-luna.png 423w, ../../../wp-content/uploads/2011/07/blv-luna-300x213.png 300w" sizes="(max-width: 423px) 100vw, 423px" /></a><p class="wp-caption-text">Better ListView in XP Luna Theme</p></div>
<div id="attachment_291" style="width: 432px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-aero.png"><img class="size-full wp-image-291" title="blv-aero" src="../../../wp-content/uploads/2011/07/blv-aero.png" alt="Better ListView in Aero Theme" width="422" height="301" srcset="../../../wp-content/uploads/2011/07/blv-aero.png 422w, ../../../wp-content/uploads/2011/07/blv-aero-300x213.png 300w" sizes="(max-width: 422px) 100vw, 422px" /></a><p class="wp-caption-text">Better ListView in Aero Theme</p></div>
<p style="text-align: center;">&nbsp;</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:49 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>classic &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; classic Tag Feed" href="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="archive tag tag-classic tag-75">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;classic&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../2011/07/windows-theme-support-in-better-listview/index.html" rel="bookmark" title="Permanent Link to Windows Theme Support in Better ListView">Windows Theme Support in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:40:16 by W3 Total Cache
-->

View File

@@ -0,0 +1,151 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>clean focus &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/clean-focus/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Are You a Zen Coder or Distraction-Junkie?</title>
<link>http://www.componentowl.com/blog/zen-coder-vs-distraction-junkie/</link>
<comments>http://www.componentowl.com/blog/zen-coder-vs-distraction-junkie/#comments</comments>
<pubDate>Sun, 12 Feb 2012 07:04:41 +0000</pubDate>
<dc:creator><![CDATA[Brian Galura]]></dc:creator>
<category><![CDATA[Programming]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[clean focus]]></category>
<category><![CDATA[coder productivity]]></category>
<category><![CDATA[computer work]]></category>
<category><![CDATA[distraction junkie]]></category>
<category><![CDATA[distractions]]></category>
<category><![CDATA[efficient work on computer]]></category>
<category><![CDATA[focus]]></category>
<category><![CDATA[internet addiction]]></category>
<category><![CDATA[mental work]]></category>
<category><![CDATA[productivity]]></category>
<category><![CDATA[programming productivity]]></category>
<category><![CDATA[relaxing when working on computer]]></category>
<category><![CDATA[work focus]]></category>
<category><![CDATA[zen]]></category>
<category><![CDATA[zen coder]]></category>
<category><![CDATA[zen habits]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=664</guid>
<description><![CDATA[What you do when compiling can ruin your life. And not just when compiling. What makes a Zen Coder?]]></description>
<content:encoded><![CDATA[<p><strong>What you do when compiling can ruin your life.</strong> And not just when compiling, but when waiting for any short computer operation to finish.</p>
<p>That time is ridiculously tiny compared to the rest of your workday, yet it can have a huge impact on your productivity and well-being overall. Yes, thats a big fat claim.</p>
<p>And by the way, this article is not just about coders or programmers. It&#8217;s about <em>any</em> smart people working with computers. And there will be pictures! Let&#8217;s rock and roll &#8211;</p>
<h1>Why am I writing this</h1>
<p>I recently started implementing certain time management techniques into my work style to boost my productivity, reduce stress, and help my body and brain rest. I basically wanted to work in uninterruptable 100% focused 60-120 minutes blocks of time, followed by a 20-30 minute breaks.</p>
<p>However, I almost immediately run into a big problem: When I was compiling or deploying something, I automatically opened one or more of the following: Email client, Facebook, news reader, news sites. Thats a bad habit. Its hard to break. It ruins my goal of clean focus.</p>
<p>So I decided to do some research. There was a discussion on &#8220;<a href="http://productivity.stackexchange.com/questions/970/what-to-do-while-compiling" target="_blank" rel="nofollow">What to do while compiling?</a>&#8221; on StackExchange. The most up-voted answers were of the “reduce the compilation time” kind. However, these answers dont solve the more general problem: There will always be waiting times while working on the computer.</p>
<p>Other than that, the people in the discussion were mostly suggesting what they usually do (such as checking email or news) which is a horrible idea. One good advice was that “Multi-tasking is bad”. I agree with that. But overall? Not. Good. Enough. The answers were disappointing. So, in this article, I am going to explore this issue deeply and present you with the optimal approach.</p>
<h1>Two kinds of coders</h1>
<p>There are two extreme archetypes of coders The “zen coder”, and the “distraction junkie coder”. Both are extreme, so both should be rare on the bell curve of distribution, right?</p>
<p>Wrong. Although the “Distraction junkie coder” is, in fact, extreme, he is unbelievably prevalent.</p>
<p>A picture is worth 1000 words, so I am going to show you, with pictures, what is happening on the mental desktops of both of these kinds of coders.</p>
<h1>The zen coder</h1>
<p>What does zen coder do?</p>
<p>He codes. Thats the only thing he does, and that tells it all. Perhaps the more important question is what he does not do: He does not succumb to distractions. Clean focus. Clean cuts. Clean coding. 60-120 minutes of pure coding, then a 20-30 minute break, which is usually off the computer. Then he codes again. (The minutes are just an example. He can use a different pattern but he is always balanced and betting on the long-term productivity.)</p>
<p>His mind is like calm fluid water with a steady flow. It is not like frozen water shattered to 1000 constantly shaking pieces.</p>
<p>This is how the mental desktop of zen coder looks like:</p>
<p><img src="../../../wp-content/uploads/2012/02/zen-coder.png" alt="Zen coder's mental desktop"></p>
<h1>The distraction junkie coder</h1>
<p>Even if your mental desktop looks like the one of a zen coder, just a few minutes after you open Facebook and check your email e.g. when compiling, it will look like this:</p>
<p><img src="../../../wp-content/uploads/2012/02/distraction-junkie-coder.png.png" alt="Distraction junkie coder mental desktop"></p>
<p>And that is, ladies and gentlemen, after just merely checking your email and opening Facebook! If you also have a bunch of real-time notifications, IMs, and check your RSS and twitter, the above will look like a scheme of a meditating monks brain compared to the havoc you will break.</p>
<p>You will probably never fully recover from that. Not on that particular day, anyway. Even if you minimize all this crap on your mental desktop to your mental taskbar, it will remain there, tempt you forever, and eat up your mental resources. And boy, the time will fly by, and you will wonder where it went.</p>
<p>Oh, and by the way, if you are distraction junkie, then you <strong>must</strong> check out <strong><a href="http://www.componentowl.com/comics/26">our web comics for developers!</a></strong> Don&#8217;t even return to finish reading this article. And don&#8217;t forget to subscribe to the comics RSS! And read all the strips! Then send it to your buddy, and start chatting! The distraction-rabbit holes are not that deep, really!</p>
<h1>The difference between zen coder and distraction junkie coder</h1>
<p>Zen coder prefers long-term happiness and productivity. He is capable of focusing deeply. He trains focus.</p>
<p>Distraction junkie coder prefers instant gratification for the price of not reaching his full potential and hurting himself both physically and mentally in the long run. He is too lazy to focus.</p>
<p>To fully grasp this, we first need to understand how our brains work.</p>
<h1>How our brains work</h1>
<p>The truth is that we dont really know, yet. But, based on our current understanding, there are some useful analogies that psychologists have been putting to a good use for some time, and that can help us grasp some of the complexities.</p>
<h2>The computer analogy</h2>
<p>Your brain is a computer. Sure, it is infinitely more complex than a PC, but the computer metaphor allows us to describe many processes that are going on in the brain. There is something like HDD, there is something like RAM, CPU, there are processes and threads, and it takes certain amount of time to access information and to calculate things.</p>
<p>It is obvious that our brain has only a certain capacity to focus at any particular moment. You can focus on 1 thing well, or on 3 things badly, but you cant do both. Even switching from one task to another carries a cognitive cost, especially if the tasks are in different contexts.</p>
<p>Once you bring something to your awareness, it takes time to <em>fully</em> dispose of it and its associated resources and to purge it from your mental RAM and background processes. It can even take hours or days. Things recently brought to your awareness constantly re-appear at random moments. Even if you do not notice them floating in your mind, they are there and they take up resources, and reduce your ability to focus.</p>
<h2>The chest of drawers analogy</h2>
<p>Another useful metaphor is a chest of drawers. Your brain stores stuff in drawers. Each drawer is a cloud of data associated and linked together based on certain contexts and concepts. At any particular time, some of the drawers are open, and some closed. The open drawers represent your current mental landscape, the stuff that is easily accessible.</p>
<p><strong>The big problem is that it takes time to close mental drawers, but opening them is instant.</strong></p>
<p>So, when you are working, and then switch to some news site, it can instantly open a bunch of drawers. When you return to work, these drawers will remain open. The only benefit is it can help you with creativity and brainstorming but unnecessarily opened drawers come at a cost. They reduce your left-brain raw mental power and ability to focus.</p>
<h1>What to do while compiling?</h1>
<p>What you do when waiting for some computer operation to execute can determine if you are a zen coder, or distraction junkie coder. </p>
<p>The main idea here is to:</p>
<ol>
<li>Not lose focus, and</li>
<li>Take a micro break.</li>
</ol>
<p>Not losing focus is not that hard all you have to do is to switch your brain off, or keep thinking about your code. However, switching off is better. Its a micro-meditation, and it also serves our goal of taking a micro-break.</p>
<p>Why meditation? Well, your brain is crunching code all day, so why not give it a rest? Plus its scientifically proven that meditation leads to permanent increase in levels happiness. Just imagine the long term benefits of this seemingly trivial habit of meditating for 30-60 seconds couple of times per day.</p>
<p>Now, what to do on your micro-break? Do any of the following, combine as you wish. You can also do them all, in this order, depending (or not) on how long is the operation taking.</p>
<ol>
<li>Get up</li>
<li>Look into distance</li>
<li>Put your hands behind your head and lean back on your chair</li>
<li>Stretch your legs, then raise your hands as high as possible</li>
<li>Close your eyes</li>
<li>Gently massage your eyes</li>
<li>Slowly turn your head to the right, left, up and down as far as possible</li>
<li>Close your eyes and breathe</li>
<li>Go get a glass of water (Be careful not to get distracted by your co-workers on your way.)</li>
</ol>
<p>You can do also anything else that engages primarily your body and not mind isometrics exercise, juggling, sword-fighting ;-).</p>
<p>And by the way &#8211; if your boss gives you hard time about any of this, then refer him to this article. It is far better for you to quickly rejuvenate yourself and maintain focus than to appear working and get distracted, lose focus and become tired sooner. </p>
<p>Stretching can be very beneficial. My physiotherapist discovered a lot of tension in my shoulders on my last visit. She told me that its there probably because I have my hands bent all the time when siting at the computer, so the muscles shorten and work uneconomically. The best thing I can do? Lift and move my hands, try to reach as high as possible. Thats now one of the things I do when compiling or waiting for a computer operation to execute.</p>
<p>Youve probably heard that it is a good idea to stretch and take a short break regularly when working on the computer. The problem is the implementation even if you set a timer, what if you are in a middle of a difficult problem when it goes off? Its just seems impossible to implement. However, if you take the micro-break while compiling, it works great and you can even make a habit out of it, so it gets “automated”! The compilation now becomes your reminder to stretch. Incredibly powerful stuff.</p>
<h1>The things you shouldnt do when compiling</h1>
<p>I really want to hammer my point home, so just to make things absolutely clear, here is a list of what you should NOT do when compiling. Think of it this way: These things will not just ruin your focus, but you will deprive your mind and body of the micro-break.</p>
<ol>
<li>Check your RSS</li>
<li>Check news (<em>any</em> news)</li>
<li>Check email</li>
<li>Check social media (Facebook, twitter, G+, LinkedIn, reddit you name it)</li>
<li>Watch videos</li>
</ol>
<p>Doing the following 2 things is better than all of the above, but it is still not optimal:</p>
<ol>
<li>Chat with a co-worker</li>
<li>Read a physical book</li>
</ol>
<h1>Clean Focus and Clean Cuts</h1>
<p>I will close this article with what I think is the ideal approach to daily work-flow &#8211; the zen coder way.</p>
<p>The key to true productivity and efficiency is to focus 100% on the one thing you are doing at the moment, and then to completely switch and do something else. There shouldnt be any blurry transitions from one thing to the next.</p>
<p>Divide your time into 60 120 minutes blocks of work. Focus 100% percent in these blocks of time. Then take a 20-30 minute break and do something else entirely. You can check your email and social media during the break, sure, but a brisk walk or a short nap and healthy snack will do you more good. After the break is over, check what&#8217;s next in your task management software (e.g. I use my own <strong><a href="http://www.dextronet.com/swift-to-do-list-software">Swift To-Do List</a></strong>), and do another block of focused work. It is somewhat similar to Pomodoro technique, only on a larger scale.</p>
<p>The breaks are not optional. Dont even think about skipping them. Your body needs them. Take the breaks even if you do what you love in such a case, you will be motivated to accomplish more in the next time block.</p>
<p><strong>Your work-flow should look something like this:</strong></p>
<p>(Task 1 Task 2) Break (Task 2 Task 3 Task 4) Break (Another 60-120 minute block of tasks) Break…</p>
<p><strong>And not something completely chaotic, random and sad, like this:</strong></p>
<p>Task 1 Email Task 1 Facebook Task 1 Task 2 Minibreak &#8211; Facebook Task 2 Email reddit Task 3 Email Break Task 2 &#8211; Email &#8211; Task 3 twitter Hacker News twitter Task 1 &#8211; Task 3 Break Task 4</p>
<p>If your workflow is sub-optimal like that, you will neither fully relax nor accomplish what you could. This is inferior on every level. It is not just a waste of your potential and time, but often also completely unnecessary wreckage of your body in the long run.</p>
<p>I wont lie to you. Focusing is really hard. Its hard, because when you are not doing it, you are basically training the opposite. Habits and ingrained routines are inherently hard to change. </p>
<p>The good news is you can train. You <em>can</em> learn to focus. Its a learnable skill for everyone, and incredibly well worth the effort.</p>
<p>&#8211; By <strong><a href="https://plus.google.com/108094026317986529064/" rel="author" target="_blank">Jiri Novotny+</a></strong>, the obsessed author of <strong><a href="http://www.dextronet.com">task management software for Windows</a></strong>. He is posting this guest article here on ComponentOwl.com, because his Swift To-Do List uses .NET <strong><a href="http://www.componentowl.com/better-listview">Better ListView</a></strong> from Component Owl as its core component.</p>
<p>PS: Know anyone who is checking email 50 times a day, and has 12 different notifications jumping in his face all the time? Send him this article. He will thank you later.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/zen-coder-vs-distraction-junkie/feed/</wfw:commentRss>
<slash:comments>55</slash:comments>
</item>
</channel>
</rss>
<!--
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:21 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>clean focus &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; clean focus Tag Feed" href="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="archive tag tag-clean-focus tag-231">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;clean focus&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=664.html" rel="bookmark" title="Permanent Link to Are You a Zen Coder or Distraction-Junkie?">Are You a Zen Coder or Distraction-Junkie?</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:41:28 by W3 Total Cache
-->

View File

@@ -0,0 +1,151 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>coder productivity &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/coder-productivity/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Are You a Zen Coder or Distraction-Junkie?</title>
<link>http://www.componentowl.com/blog/zen-coder-vs-distraction-junkie/</link>
<comments>http://www.componentowl.com/blog/zen-coder-vs-distraction-junkie/#comments</comments>
<pubDate>Sun, 12 Feb 2012 07:04:41 +0000</pubDate>
<dc:creator><![CDATA[Brian Galura]]></dc:creator>
<category><![CDATA[Programming]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[clean focus]]></category>
<category><![CDATA[coder productivity]]></category>
<category><![CDATA[computer work]]></category>
<category><![CDATA[distraction junkie]]></category>
<category><![CDATA[distractions]]></category>
<category><![CDATA[efficient work on computer]]></category>
<category><![CDATA[focus]]></category>
<category><![CDATA[internet addiction]]></category>
<category><![CDATA[mental work]]></category>
<category><![CDATA[productivity]]></category>
<category><![CDATA[programming productivity]]></category>
<category><![CDATA[relaxing when working on computer]]></category>
<category><![CDATA[work focus]]></category>
<category><![CDATA[zen]]></category>
<category><![CDATA[zen coder]]></category>
<category><![CDATA[zen habits]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=664</guid>
<description><![CDATA[What you do when compiling can ruin your life. And not just when compiling. What makes a Zen Coder?]]></description>
<content:encoded><![CDATA[<p><strong>What you do when compiling can ruin your life.</strong> And not just when compiling, but when waiting for any short computer operation to finish.</p>
<p>That time is ridiculously tiny compared to the rest of your workday, yet it can have a huge impact on your productivity and well-being overall. Yes, thats a big fat claim.</p>
<p>And by the way, this article is not just about coders or programmers. It&#8217;s about <em>any</em> smart people working with computers. And there will be pictures! Let&#8217;s rock and roll &#8211;</p>
<h1>Why am I writing this</h1>
<p>I recently started implementing certain time management techniques into my work style to boost my productivity, reduce stress, and help my body and brain rest. I basically wanted to work in uninterruptable 100% focused 60-120 minutes blocks of time, followed by a 20-30 minute breaks.</p>
<p>However, I almost immediately run into a big problem: When I was compiling or deploying something, I automatically opened one or more of the following: Email client, Facebook, news reader, news sites. Thats a bad habit. Its hard to break. It ruins my goal of clean focus.</p>
<p>So I decided to do some research. There was a discussion on &#8220;<a href="http://productivity.stackexchange.com/questions/970/what-to-do-while-compiling" target="_blank" rel="nofollow">What to do while compiling?</a>&#8221; on StackExchange. The most up-voted answers were of the “reduce the compilation time” kind. However, these answers dont solve the more general problem: There will always be waiting times while working on the computer.</p>
<p>Other than that, the people in the discussion were mostly suggesting what they usually do (such as checking email or news) which is a horrible idea. One good advice was that “Multi-tasking is bad”. I agree with that. But overall? Not. Good. Enough. The answers were disappointing. So, in this article, I am going to explore this issue deeply and present you with the optimal approach.</p>
<h1>Two kinds of coders</h1>
<p>There are two extreme archetypes of coders The “zen coder”, and the “distraction junkie coder”. Both are extreme, so both should be rare on the bell curve of distribution, right?</p>
<p>Wrong. Although the “Distraction junkie coder” is, in fact, extreme, he is unbelievably prevalent.</p>
<p>A picture is worth 1000 words, so I am going to show you, with pictures, what is happening on the mental desktops of both of these kinds of coders.</p>
<h1>The zen coder</h1>
<p>What does zen coder do?</p>
<p>He codes. Thats the only thing he does, and that tells it all. Perhaps the more important question is what he does not do: He does not succumb to distractions. Clean focus. Clean cuts. Clean coding. 60-120 minutes of pure coding, then a 20-30 minute break, which is usually off the computer. Then he codes again. (The minutes are just an example. He can use a different pattern but he is always balanced and betting on the long-term productivity.)</p>
<p>His mind is like calm fluid water with a steady flow. It is not like frozen water shattered to 1000 constantly shaking pieces.</p>
<p>This is how the mental desktop of zen coder looks like:</p>
<p><img src="../../../wp-content/uploads/2012/02/zen-coder.png" alt="Zen coder's mental desktop"></p>
<h1>The distraction junkie coder</h1>
<p>Even if your mental desktop looks like the one of a zen coder, just a few minutes after you open Facebook and check your email e.g. when compiling, it will look like this:</p>
<p><img src="../../../wp-content/uploads/2012/02/distraction-junkie-coder.png.png" alt="Distraction junkie coder mental desktop"></p>
<p>And that is, ladies and gentlemen, after just merely checking your email and opening Facebook! If you also have a bunch of real-time notifications, IMs, and check your RSS and twitter, the above will look like a scheme of a meditating monks brain compared to the havoc you will break.</p>
<p>You will probably never fully recover from that. Not on that particular day, anyway. Even if you minimize all this crap on your mental desktop to your mental taskbar, it will remain there, tempt you forever, and eat up your mental resources. And boy, the time will fly by, and you will wonder where it went.</p>
<p>Oh, and by the way, if you are distraction junkie, then you <strong>must</strong> check out <strong><a href="http://www.componentowl.com/comics/26">our web comics for developers!</a></strong> Don&#8217;t even return to finish reading this article. And don&#8217;t forget to subscribe to the comics RSS! And read all the strips! Then send it to your buddy, and start chatting! The distraction-rabbit holes are not that deep, really!</p>
<h1>The difference between zen coder and distraction junkie coder</h1>
<p>Zen coder prefers long-term happiness and productivity. He is capable of focusing deeply. He trains focus.</p>
<p>Distraction junkie coder prefers instant gratification for the price of not reaching his full potential and hurting himself both physically and mentally in the long run. He is too lazy to focus.</p>
<p>To fully grasp this, we first need to understand how our brains work.</p>
<h1>How our brains work</h1>
<p>The truth is that we dont really know, yet. But, based on our current understanding, there are some useful analogies that psychologists have been putting to a good use for some time, and that can help us grasp some of the complexities.</p>
<h2>The computer analogy</h2>
<p>Your brain is a computer. Sure, it is infinitely more complex than a PC, but the computer metaphor allows us to describe many processes that are going on in the brain. There is something like HDD, there is something like RAM, CPU, there are processes and threads, and it takes certain amount of time to access information and to calculate things.</p>
<p>It is obvious that our brain has only a certain capacity to focus at any particular moment. You can focus on 1 thing well, or on 3 things badly, but you cant do both. Even switching from one task to another carries a cognitive cost, especially if the tasks are in different contexts.</p>
<p>Once you bring something to your awareness, it takes time to <em>fully</em> dispose of it and its associated resources and to purge it from your mental RAM and background processes. It can even take hours or days. Things recently brought to your awareness constantly re-appear at random moments. Even if you do not notice them floating in your mind, they are there and they take up resources, and reduce your ability to focus.</p>
<h2>The chest of drawers analogy</h2>
<p>Another useful metaphor is a chest of drawers. Your brain stores stuff in drawers. Each drawer is a cloud of data associated and linked together based on certain contexts and concepts. At any particular time, some of the drawers are open, and some closed. The open drawers represent your current mental landscape, the stuff that is easily accessible.</p>
<p><strong>The big problem is that it takes time to close mental drawers, but opening them is instant.</strong></p>
<p>So, when you are working, and then switch to some news site, it can instantly open a bunch of drawers. When you return to work, these drawers will remain open. The only benefit is it can help you with creativity and brainstorming but unnecessarily opened drawers come at a cost. They reduce your left-brain raw mental power and ability to focus.</p>
<h1>What to do while compiling?</h1>
<p>What you do when waiting for some computer operation to execute can determine if you are a zen coder, or distraction junkie coder. </p>
<p>The main idea here is to:</p>
<ol>
<li>Not lose focus, and</li>
<li>Take a micro break.</li>
</ol>
<p>Not losing focus is not that hard all you have to do is to switch your brain off, or keep thinking about your code. However, switching off is better. Its a micro-meditation, and it also serves our goal of taking a micro-break.</p>
<p>Why meditation? Well, your brain is crunching code all day, so why not give it a rest? Plus its scientifically proven that meditation leads to permanent increase in levels happiness. Just imagine the long term benefits of this seemingly trivial habit of meditating for 30-60 seconds couple of times per day.</p>
<p>Now, what to do on your micro-break? Do any of the following, combine as you wish. You can also do them all, in this order, depending (or not) on how long is the operation taking.</p>
<ol>
<li>Get up</li>
<li>Look into distance</li>
<li>Put your hands behind your head and lean back on your chair</li>
<li>Stretch your legs, then raise your hands as high as possible</li>
<li>Close your eyes</li>
<li>Gently massage your eyes</li>
<li>Slowly turn your head to the right, left, up and down as far as possible</li>
<li>Close your eyes and breathe</li>
<li>Go get a glass of water (Be careful not to get distracted by your co-workers on your way.)</li>
</ol>
<p>You can do also anything else that engages primarily your body and not mind isometrics exercise, juggling, sword-fighting ;-).</p>
<p>And by the way &#8211; if your boss gives you hard time about any of this, then refer him to this article. It is far better for you to quickly rejuvenate yourself and maintain focus than to appear working and get distracted, lose focus and become tired sooner. </p>
<p>Stretching can be very beneficial. My physiotherapist discovered a lot of tension in my shoulders on my last visit. She told me that its there probably because I have my hands bent all the time when siting at the computer, so the muscles shorten and work uneconomically. The best thing I can do? Lift and move my hands, try to reach as high as possible. Thats now one of the things I do when compiling or waiting for a computer operation to execute.</p>
<p>Youve probably heard that it is a good idea to stretch and take a short break regularly when working on the computer. The problem is the implementation even if you set a timer, what if you are in a middle of a difficult problem when it goes off? Its just seems impossible to implement. However, if you take the micro-break while compiling, it works great and you can even make a habit out of it, so it gets “automated”! The compilation now becomes your reminder to stretch. Incredibly powerful stuff.</p>
<h1>The things you shouldnt do when compiling</h1>
<p>I really want to hammer my point home, so just to make things absolutely clear, here is a list of what you should NOT do when compiling. Think of it this way: These things will not just ruin your focus, but you will deprive your mind and body of the micro-break.</p>
<ol>
<li>Check your RSS</li>
<li>Check news (<em>any</em> news)</li>
<li>Check email</li>
<li>Check social media (Facebook, twitter, G+, LinkedIn, reddit you name it)</li>
<li>Watch videos</li>
</ol>
<p>Doing the following 2 things is better than all of the above, but it is still not optimal:</p>
<ol>
<li>Chat with a co-worker</li>
<li>Read a physical book</li>
</ol>
<h1>Clean Focus and Clean Cuts</h1>
<p>I will close this article with what I think is the ideal approach to daily work-flow &#8211; the zen coder way.</p>
<p>The key to true productivity and efficiency is to focus 100% on the one thing you are doing at the moment, and then to completely switch and do something else. There shouldnt be any blurry transitions from one thing to the next.</p>
<p>Divide your time into 60 120 minutes blocks of work. Focus 100% percent in these blocks of time. Then take a 20-30 minute break and do something else entirely. You can check your email and social media during the break, sure, but a brisk walk or a short nap and healthy snack will do you more good. After the break is over, check what&#8217;s next in your task management software (e.g. I use my own <strong><a href="http://www.dextronet.com/swift-to-do-list-software">Swift To-Do List</a></strong>), and do another block of focused work. It is somewhat similar to Pomodoro technique, only on a larger scale.</p>
<p>The breaks are not optional. Dont even think about skipping them. Your body needs them. Take the breaks even if you do what you love in such a case, you will be motivated to accomplish more in the next time block.</p>
<p><strong>Your work-flow should look something like this:</strong></p>
<p>(Task 1 Task 2) Break (Task 2 Task 3 Task 4) Break (Another 60-120 minute block of tasks) Break…</p>
<p><strong>And not something completely chaotic, random and sad, like this:</strong></p>
<p>Task 1 Email Task 1 Facebook Task 1 Task 2 Minibreak &#8211; Facebook Task 2 Email reddit Task 3 Email Break Task 2 &#8211; Email &#8211; Task 3 twitter Hacker News twitter Task 1 &#8211; Task 3 Break Task 4</p>
<p>If your workflow is sub-optimal like that, you will neither fully relax nor accomplish what you could. This is inferior on every level. It is not just a waste of your potential and time, but often also completely unnecessary wreckage of your body in the long run.</p>
<p>I wont lie to you. Focusing is really hard. Its hard, because when you are not doing it, you are basically training the opposite. Habits and ingrained routines are inherently hard to change. </p>
<p>The good news is you can train. You <em>can</em> learn to focus. Its a learnable skill for everyone, and incredibly well worth the effort.</p>
<p>&#8211; By <strong><a href="https://plus.google.com/108094026317986529064/" rel="author" target="_blank">Jiri Novotny+</a></strong>, the obsessed author of <strong><a href="http://www.dextronet.com">task management software for Windows</a></strong>. He is posting this guest article here on ComponentOwl.com, because his Swift To-Do List uses .NET <strong><a href="http://www.componentowl.com/better-listview">Better ListView</a></strong> from Component Owl as its core component.</p>
<p>PS: Know anyone who is checking email 50 times a day, and has 12 different notifications jumping in his face all the time? Send him this article. He will thank you later.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/zen-coder-vs-distraction-junkie/feed/</wfw:commentRss>
<slash:comments>55</slash:comments>
</item>
</channel>
</rss>
<!--
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:21 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>coder productivity &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; coder productivity Tag Feed" href="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="archive tag tag-coder-productivity tag-232">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;coder productivity&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=664.html" rel="bookmark" title="Permanent Link to Are You a Zen Coder or Distraction-Junkie?">Are You a Zen Coder or Distraction-Junkie?</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:41:29 by W3 Total Cache
-->

View File

@@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>collapse &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/collapse/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Windows Theme Support in Better ListView</title>
<link>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/#respond</comments>
<pubDate>Fri, 01 Jul 2011 22:46:55 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[aero]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[classic]]></category>
<category><![CDATA[collapse]]></category>
<category><![CDATA[collapsible]]></category>
<category><![CDATA[groups]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[luna]]></category>
<category><![CDATA[refresh]]></category>
<category><![CDATA[runtime]]></category>
<category><![CDATA[support]]></category>
<category><![CDATA[theme]]></category>
<category><![CDATA[xp]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=287</guid>
<description><![CDATA[Both current Better ListView 1.5 and the upcoming Better ListView 2.0 put emphasis on native theme support. Contrary to many custom controls, Better ListView adjusts itself to current theme even if the theme is changed in run-time. For example, when user of your application switches theme from Classic to Aero, or to some other custom [&#8230;]]]></description>
<content:encoded><![CDATA[<p>Both current Better ListView 1.5 and the upcoming <strong>Better ListView 2.0</strong> put emphasis on native theme support.</p>
<p>Contrary to many custom controls, Better ListView adjusts itself to current theme <strong>even if the theme is changed in run-time</strong>. For example, when user of your application switches theme from <em>Classic</em> to <em>Aero</em>, or to some other custom theme with elements of different sizes, Better ListView re-measures itself for the new theme smoothly. Reloading the component or re-starting the application is not necessary.</p>
<p>One of the sweet bonuses of using Better ListView 2.0 instead of regular .NET ListView is the <strong>full <em>Groups</em> functionality in all themes</strong> and all versions of the operating system. For example, <strong>groups are not collapsible in standard ListView on Windows XP</strong> and even does not support images. In Better ListView, however, you are able to <strong>unleash full potential of groups everywhere</strong>.</p>
<p>The following images show Better ListView in different Windows themes: <em>Classic</em>, <em>XP Luna</em> and <em>Aero</em>:</p>
<div id="attachment_288" style="width: 433px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-classic.png"><img class="size-full wp-image-288" title="blv-classic" src="../../../wp-content/uploads/2011/07/blv-classic.png" alt="Better ListView in Classic theme" width="423" height="301" srcset="../../../wp-content/uploads/2011/07/blv-classic.png 423w, ../../../wp-content/uploads/2011/07/blv-classic-300x213.png 300w" sizes="(max-width: 423px) 100vw, 423px" /></a><p class="wp-caption-text">Better ListView in Classic theme</p></div>
<div id="attachment_290" style="width: 433px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-luna.png"><img class="size-full wp-image-290" title="blv-luna" src="../../../wp-content/uploads/2011/07/blv-luna.png" alt="Better ListView in XP Luna Theme" width="423" height="301" srcset="../../../wp-content/uploads/2011/07/blv-luna.png 423w, ../../../wp-content/uploads/2011/07/blv-luna-300x213.png 300w" sizes="(max-width: 423px) 100vw, 423px" /></a><p class="wp-caption-text">Better ListView in XP Luna Theme</p></div>
<div id="attachment_291" style="width: 432px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-aero.png"><img class="size-full wp-image-291" title="blv-aero" src="../../../wp-content/uploads/2011/07/blv-aero.png" alt="Better ListView in Aero Theme" width="422" height="301" srcset="../../../wp-content/uploads/2011/07/blv-aero.png 422w, ../../../wp-content/uploads/2011/07/blv-aero-300x213.png 300w" sizes="(max-width: 422px) 100vw, 422px" /></a><p class="wp-caption-text">Better ListView in Aero Theme</p></div>
<p style="text-align: center;">&nbsp;</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:50 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>collapse &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; collapse Tag Feed" href="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="archive tag tag-collapse tag-72">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;collapse&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../2011/07/windows-theme-support-in-better-listview/index.html" rel="bookmark" title="Permanent Link to Windows Theme Support in Better ListView">Windows Theme Support in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:40:16 by W3 Total Cache
-->

View File

@@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>collapsible &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/collapsible/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Windows Theme Support in Better ListView</title>
<link>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/#respond</comments>
<pubDate>Fri, 01 Jul 2011 22:46:55 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[aero]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[classic]]></category>
<category><![CDATA[collapse]]></category>
<category><![CDATA[collapsible]]></category>
<category><![CDATA[groups]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[luna]]></category>
<category><![CDATA[refresh]]></category>
<category><![CDATA[runtime]]></category>
<category><![CDATA[support]]></category>
<category><![CDATA[theme]]></category>
<category><![CDATA[xp]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=287</guid>
<description><![CDATA[Both current Better ListView 1.5 and the upcoming Better ListView 2.0 put emphasis on native theme support. Contrary to many custom controls, Better ListView adjusts itself to current theme even if the theme is changed in run-time. For example, when user of your application switches theme from Classic to Aero, or to some other custom [&#8230;]]]></description>
<content:encoded><![CDATA[<p>Both current Better ListView 1.5 and the upcoming <strong>Better ListView 2.0</strong> put emphasis on native theme support.</p>
<p>Contrary to many custom controls, Better ListView adjusts itself to current theme <strong>even if the theme is changed in run-time</strong>. For example, when user of your application switches theme from <em>Classic</em> to <em>Aero</em>, or to some other custom theme with elements of different sizes, Better ListView re-measures itself for the new theme smoothly. Reloading the component or re-starting the application is not necessary.</p>
<p>One of the sweet bonuses of using Better ListView 2.0 instead of regular .NET ListView is the <strong>full <em>Groups</em> functionality in all themes</strong> and all versions of the operating system. For example, <strong>groups are not collapsible in standard ListView on Windows XP</strong> and even does not support images. In Better ListView, however, you are able to <strong>unleash full potential of groups everywhere</strong>.</p>
<p>The following images show Better ListView in different Windows themes: <em>Classic</em>, <em>XP Luna</em> and <em>Aero</em>:</p>
<div id="attachment_288" style="width: 433px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-classic.png"><img class="size-full wp-image-288" title="blv-classic" src="../../../wp-content/uploads/2011/07/blv-classic.png" alt="Better ListView in Classic theme" width="423" height="301" srcset="../../../wp-content/uploads/2011/07/blv-classic.png 423w, ../../../wp-content/uploads/2011/07/blv-classic-300x213.png 300w" sizes="(max-width: 423px) 100vw, 423px" /></a><p class="wp-caption-text">Better ListView in Classic theme</p></div>
<div id="attachment_290" style="width: 433px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-luna.png"><img class="size-full wp-image-290" title="blv-luna" src="../../../wp-content/uploads/2011/07/blv-luna.png" alt="Better ListView in XP Luna Theme" width="423" height="301" srcset="../../../wp-content/uploads/2011/07/blv-luna.png 423w, ../../../wp-content/uploads/2011/07/blv-luna-300x213.png 300w" sizes="(max-width: 423px) 100vw, 423px" /></a><p class="wp-caption-text">Better ListView in XP Luna Theme</p></div>
<div id="attachment_291" style="width: 432px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/07/blv-aero.png"><img class="size-full wp-image-291" title="blv-aero" src="../../../wp-content/uploads/2011/07/blv-aero.png" alt="Better ListView in Aero Theme" width="422" height="301" srcset="../../../wp-content/uploads/2011/07/blv-aero.png 422w, ../../../wp-content/uploads/2011/07/blv-aero-300x213.png 300w" sizes="(max-width: 422px) 100vw, 422px" /></a><p class="wp-caption-text">Better ListView in Aero Theme</p></div>
<p style="text-align: center;">&nbsp;</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/windows-theme-support-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:50 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>collapsible &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; collapsible Tag Feed" href="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="archive tag tag-collapsible tag-73">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;collapsible&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../2011/07/windows-theme-support-in-better-listview/index.html" rel="bookmark" title="Permanent Link to Windows Theme Support in Better ListView">Windows Theme Support in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:40:17 by W3 Total Cache
-->

View File

@@ -0,0 +1,154 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>color &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/color/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Hot Tracking Items in Better ListView</title>
<link>http://www.componentowl.com/blog/hot-tracking-items-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/hot-tracking-items-in-better-listview/#respond</comments>
<pubDate>Fri, 15 Feb 2013 22:52:12 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[backcolor]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[color]]></category>
<category><![CDATA[drawing]]></category>
<category><![CDATA[drawn]]></category>
<category><![CDATA[font]]></category>
<category><![CDATA[hot]]></category>
<category><![CDATA[hottrack]]></category>
<category><![CDATA[hottracking]]></category>
<category><![CDATA[hover]]></category>
<category><![CDATA[hovers]]></category>
<category><![CDATA[hyperlink]]></category>
<category><![CDATA[hyperlinks]]></category>
<category><![CDATA[item]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[links]]></category>
<category><![CDATA[mouse]]></category>
<category><![CDATA[owner]]></category>
<category><![CDATA[ownerdraw]]></category>
<category><![CDATA[tracking]]></category>
<category><![CDATA[underline]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=861</guid>
<description><![CDATA[Tutorial on how to easily make item hot tracking work in Better ListView.]]></description>
<content:encoded><![CDATA[<div id="attachment_862" style="width: 206px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2013/02/hot-item-backcolor.gif"><img class="size-full wp-image-862" title="Hot Tracking" src="../../../wp-content/uploads/2013/02/hot-item-backcolor.gif" alt="Hot Tracking" width="196" height="128" /></a><p class="wp-caption-text">Hot Tracking</p></div>
<p>This post will show you how easy it is to make item hot tracking in <a href="../../../../betterlistview.exe">Better ListView</a>.</p>
<p>First, create a global variable in your Form or Control-derived class to hold a Font instance we will use for hot tracked items:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private Font fontHot = new Font(&#8220;Segoe UI&#8221;, 12.0f, FontStyle.Bold);<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Private fontHot As New Font(&#8220;Segoe UI&#8221;, 12F, FontStyle.Bold)<br />
[/vb]</p>
<p>This is not necessary, but we will re-use the font and will not need to create and dispose Font instances during hot tracking.</p>
<p>Second, initialize a <strong>BetterListView</strong> instance:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
var listView = new CustomListView();</p>
<p>// add some items in the list<br />
listView.Items.AddRange(new string[] { &#8220;The Hobbit&#8221;, &#8220;The People&#8217;s Crisis&#8221;, &#8220;The Net&#8221; });</p>
<p>// set default font for the items<br />
listView.FontItems = new Font(&#8220;Segoe UI&#8221;, 12.0f, FontStyle.Regular);</p>
<p>// add HitTestChanged event handler<br />
listView.HitTestChanged += ListViewHitTestChanged;<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Dim listView = New CustomListView()</p>
<p>&#8216; add some items in the list<br />
listView.Items.AddRange(New String() {&#8220;The Hobbit&#8221;, &#8220;The People&#8217;s Crisis&#8221;, &#8220;The Net&#8221;})</p>
<p>&#8216; set default font for the items<br />
listView.FontItems = New Font(&#8220;Segoe UI&#8221;, 12F, FontStyle.Regular)</p>
<p>&#8216; add HitTestChanged event handler<br />
listView.HitTestChanged += ListViewHitTestChanged<br />
[/vb]</p>
<p>Finally, implement the <strong>HitTestChanged</strong> event handler:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private void ListViewHitTestChanged(object sender, BetterListViewHitTestChangedEventArgs eventArgs)<br />
{<br />
BetterListView listView = (sender as BetterListView);<br />
BetterListViewItem itemCurrent = eventArgs.HitTestInfoCurrent.ItemDisplay;<br />
BetterListViewItem itemNew = eventArgs.HitTestInfoNew.ItemDisplay;</p>
<p> if (!ReferenceEquals(itemCurrent, itemNew))<br />
{<br />
listView.BeginUpdate();</p>
<p> if (itemCurrent != null)<br />
{<br />
// reset colors and font to default<br />
itemCurrent.BackColor = Color.Empty;<br />
itemCurrent.ForeColor = Color.Empty;<br />
itemCurrent.Font = null;<br />
}</p>
<p> if (itemNew != null)<br />
{<br />
// set hot background color of an item newly hovered<br />
itemNew.BackColor = Color.GreenYellow;<br />
itemNew.ForeColor = Color.DarkRed;<br />
itemNew.Font = this.fontHot;<br />
}</p>
<p> listView.EndUpdate();<br />
}<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Private Sub ListViewHitTestChanged(sender As Object, eventArgs As BetterListViewHitTestChangedEventArgs)<br />
Dim listView As BetterListView = TryCast(sender, BetterListView)<br />
Dim itemCurrent As BetterListViewItem = eventArgs.HitTestInfoCurrent.ItemDisplay<br />
Dim itemNew As BetterListViewItem = eventArgs.HitTestInfoNew.ItemDisplay</p>
<p> If Not ReferenceEquals(itemCurrent, itemNew) Then<br />
listView.BeginUpdate()</p>
<p> If itemCurrent IsNot Nothing Then<br />
&#8216; reset colors and font to default<br />
itemCurrent.BackColor = Color.Empty<br />
itemCurrent.ForeColor = Color.Empty<br />
itemCurrent.Font = Nothing<br />
End If</p>
<p> If itemNew IsNot Nothing Then<br />
&#8216; set hot background color of an item newly hovered<br />
itemNew.BackColor = Color.GreenYellow<br />
itemNew.ForeColor = Color.DarkRed<br />
itemNew.Font = Me.fontHot<br />
End If</p>
<p> listView.EndUpdate()<br />
End If<br />
End Sub<br />
[/vb]</p>
<p>This method is called whenever an element over which mouse cursors hovers changes. For example, when one moves the mouse cursor between two item&#8217;s expand button element and text element or between two items. We detect just the latter case and set item properties accordingly.</p>
<p><strong>Thats&#8217; it!</strong></p>
<p>Of course, you can change any of the properties during hot tracking or make use of rich <a href="../../../wp-content/uploads/2013/02/chapter-owner-draw.html">Owner Drawing</a> capabilities.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/hot-tracking-items-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:21 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>color &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; color Tag Feed" href="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="archive tag tag-color tag-303">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;color&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=861.html" rel="bookmark" title="Permanent Link to Hot Tracking Items in Better ListView">Hot Tracking Items in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:39:03 by W3 Total Cache
-->

View File

@@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>colored &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/colored/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Alternating Rows in Better ListView</title>
<link>http://www.componentowl.com/blog/alternating-rows-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/alternating-rows-in-better-listview/#respond</comments>
<pubDate>Tue, 22 Apr 2014 22:38:15 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[alternating]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[colored]]></category>
<category><![CDATA[colors]]></category>
<category><![CDATA[even]]></category>
<category><![CDATA[odd]]></category>
<category><![CDATA[rows]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=888</guid>
<description><![CDATA[How to set up alternating row colors in Better ListView]]></description>
<content:encoded><![CDATA[<div id="attachment_889" style="width: 234px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/04/blv-alternating-rows.png"><img class="size-full wp-image-889" title="Alternating Rows" src="../../../wp-content/uploads/2014/04/blv-alternating-rows.png" alt="Alternating Rows" width="224" height="220" /></a><p class="wp-caption-text">Alternating Rows</p></div>
<p>Lists with alternating row colors are more readable. It is very simple to implement alternating rows in Better ListView.</p>
<p>Simply add <strong>DrawItemBackground</strong> event handler and fill background on odd/even items:</p>
<p>&nbsp;</p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private void ListViewOnDrawItemBackground(object sender, BetterListViewDrawItemBackgroundEventArgs eventArgs)<br />
{<br />
if ((eventArgs.Item.Index &#038; 1) == 1)<br />
{<br />
eventArgs.Graphics.FillRectangle(Brushes.AliceBlue, eventArgs.ItemBounds.BoundsOuter);<br />
}<br />
}<br />
[/csharp]</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/alternating-rows-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:14 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>colored &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; colored Tag Feed" href="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="archive tag tag-colored tag-329">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;colored&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=888.html" rel="bookmark" title="Permanent Link to Alternating Rows in Better ListView">Alternating Rows in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:49 by W3 Total Cache
-->

View File

@@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>colors &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/colors/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Alternating Rows in Better ListView</title>
<link>http://www.componentowl.com/blog/alternating-rows-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/alternating-rows-in-better-listview/#respond</comments>
<pubDate>Tue, 22 Apr 2014 22:38:15 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[alternating]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[colored]]></category>
<category><![CDATA[colors]]></category>
<category><![CDATA[even]]></category>
<category><![CDATA[odd]]></category>
<category><![CDATA[rows]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=888</guid>
<description><![CDATA[How to set up alternating row colors in Better ListView]]></description>
<content:encoded><![CDATA[<div id="attachment_889" style="width: 234px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/04/blv-alternating-rows.png"><img class="size-full wp-image-889" title="Alternating Rows" src="../../../wp-content/uploads/2014/04/blv-alternating-rows.png" alt="Alternating Rows" width="224" height="220" /></a><p class="wp-caption-text">Alternating Rows</p></div>
<p>Lists with alternating row colors are more readable. It is very simple to implement alternating rows in Better ListView.</p>
<p>Simply add <strong>DrawItemBackground</strong> event handler and fill background on odd/even items:</p>
<p>&nbsp;</p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private void ListViewOnDrawItemBackground(object sender, BetterListViewDrawItemBackgroundEventArgs eventArgs)<br />
{<br />
if ((eventArgs.Item.Index &#038; 1) == 1)<br />
{<br />
eventArgs.Graphics.FillRectangle(Brushes.AliceBlue, eventArgs.ItemBounds.BoundsOuter);<br />
}<br />
}<br />
[/csharp]</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/alternating-rows-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:14 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>colors &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; colors Tag Feed" href="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="archive tag tag-colors tag-328">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;colors&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=888.html" rel="bookmark" title="Permanent Link to Alternating Rows in Better ListView">Alternating Rows in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:50 by W3 Total Cache
-->

View File

@@ -0,0 +1,166 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>column &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/column/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Centering Images in Better ListView Sub-items</title>
<link>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/</link>
<comments>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/#respond</comments>
<pubDate>Wed, 06 Aug 2014 21:14:10 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[align]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[center]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[columns]]></category>
<category><![CDATA[header]]></category>
<category><![CDATA[image]]></category>
<category><![CDATA[images]]></category>
<category><![CDATA[layout]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[sub-items]]></category>
<category><![CDATA[subitem]]></category>
<category><![CDATA[subitems]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=906</guid>
<description><![CDATA[How to align images to center in Better ListView sub-items and columns.]]></description>
<content:encoded><![CDATA[<div id="attachment_907" style="width: 380px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/08/blv-overlay.png"><img class="size-full wp-image-907" title="Centered images in Better ListView" src="../../../wp-content/uploads/2014/08/blv-overlay.png" alt="Centered images in Better ListView" width="370" height="162" /></a><p class="wp-caption-text">Centered images in Better ListView</p></div>
<p>Better ListView 3.11 supports aligning images in sub-items and columns to center. Simply set <strong>AlignHorizontalImage</strong> property of an sub-item or column to <strong>BetterListViewImageAlignmentHorizontal.OverlayCenter</strong>.</p>
<p>The image will be centered inside available space regardless of text.</p>
<p>This is useful for sub-items and column headers consisting of image only.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Hiding Column Headers in Better ListView</title>
<link>http://www.componentowl.com/blog/hiding-column-headers-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/hiding-column-headers-in-better-listview/#respond</comments>
<pubDate>Mon, 27 Aug 2012 23:11:27 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[header]]></category>
<category><![CDATA[headers]]></category>
<category><![CDATA[hide]]></category>
<category><![CDATA[hiding]]></category>
<category><![CDATA[invisible]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[sub]]></category>
<category><![CDATA[sub-items]]></category>
<category><![CDATA[subitems]]></category>
<category><![CDATA[visibility]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=803</guid>
<description><![CDATA[How to hide column headers but keep sub-items visible in Better ListView.]]></description>
<content:encoded><![CDATA[<p><a href="../../../../betterlistview.exe">Better ListView 3.2.0</a> and newer supports hiding column headers but keeping sub-items visible:</p>
<div id="attachment_804" style="width: 278px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/08/anigif.gif"><img class="size-full wp-image-804" title="Hiding Column Headers" src="../../../wp-content/uploads/2012/08/anigif.gif" alt="Hiding Column Headers" width="268" height="233" /></a><p class="wp-caption-text">Hiding Column Headers</p></div>
<p>To hide column headers, simply set HeaderStyle property to <strong>BetterListViewHeaderStyle.None</strong>. There are other possible styles for <em>all</em> column headers:</p>
<ul>
<li><strong>None</strong> &#8211; column headers are hidden, but corresponding sub-items are still visible</li>
<li><strong>Nonclickable</strong> &#8211; column headers are visible, but not interactive</li>
<li><strong>Clickable</strong> &#8211; column headers interact with mouse (have <em>hot</em> and <em>pressed</em> state)</li>
<li><strong>Sortable</strong> &#8211; column headers are clickable and sort the corresponding column when clicked</li>
<li><strong>Unsortable</strong> &#8211; same as <strong>Sortable</strong>, but the column headers have unsorted state as well</li>
<li><strong>Hidden</strong> &#8211; column headers are hidden with corresponding sub-items</li>
</ul>
<p>These styles can be set on individual column headers as well through <strong>BetterListViewColumnHeader.Style</strong> property. This property is of type <strong>BetterListViewColumnHeaderStyle</strong>, which has the same values as <strong>BetterListViewHeaderStyle</strong>, plus <strong>Default</strong> value, which means that column header style is inherited from the <strong>HeaderStyle</strong> property.</p>
<p>When a single column header have style <strong>None</strong>, that column header is not drawn (only its background is visible) and corresponding sub-items are visible.</p>
<p>When all column headers have style <strong>None</strong>,  the whole panel with column headers hides (as seen on the above animation) and the sub-items remain visible. This effect is the as when all column headers have style <strong>Default</strong> and <strong>HeaderStyle</strong> is set to <strong>None</strong>.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/hiding-column-headers-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Right-aligned Images in Better ListView</title>
<link>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/#respond</comments>
<pubDate>Thu, 19 Apr 2012 19:15:13 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[align]]></category>
<category><![CDATA[aligned]]></category>
<category><![CDATA[alignment]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[images]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[right]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[subitem]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=780</guid>
<description><![CDATA[Better ListView now supports image alignment. This post shows you how to align images in items, sub-items, column headers and groups as you want.]]></description>
<content:encoded><![CDATA[<p><a href="../../../../betterlistview.exe">Better ListView 2.9.0</a> now supports more customizable image alignment. For example, images can be aligned on the right part of item:</p>
<div id="attachment_784" style="width: 225px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/04/rightalign.png"><img class="size-full wp-image-784" title="Right-aligned Images" src="../../../wp-content/uploads/2012/04/rightalign.png" alt="Right-aligned Images" width="215" height="140" /></a><p class="wp-caption-text">Right-aligned Images</p></div>
<p>The alignment can be set separately on every sub-item (using <strong>AlignImageHorizontal</strong> and <strong>AlignImageVertical</strong> properties).</p>
<p>Moreover, the right-aligned images can be used in column headers and groups:</p>
<div id="attachment_785" style="width: 330px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/04/rightalign-group2.png"><img class="size-full wp-image-785" title="Group image alignment" src="../../../wp-content/uploads/2012/04/rightalign-group2.png" alt="Group image alignment" width="320" height="279" srcset="../../../wp-content/uploads/2012/04/rightalign-group2.png 320w, ../../../wp-content/uploads/2012/04/rightalign-group2-300x261.png 300w" sizes="(max-width: 320px) 100vw, 320px" /></a><p class="wp-caption-text">Group image alignment</p></div>
<p>The alignment of images is <a href="http://www.componentowl.com/blog/2011/11/vertical-alignment-and-text-wrapping-in-better-listview/">similar to that of text</a>. Every image has its frame, which can be possibly larger than the image itself. In such case, the image needs to be further aligned within the frame. This has been done automatically by centering the image within frame, but now you have full control over the alignment.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/right-aligned-images-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>How to Hide a Column in Better ListView</title>
<link>http://www.componentowl.com/blog/how-to-hide-a-column-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/how-to-hide-a-column-in-better-listview/#respond</comments>
<pubDate>Fri, 05 Aug 2011 11:56:31 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[2.01]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[columns]]></category>
<category><![CDATA[details]]></category>
<category><![CDATA[hide]]></category>
<category><![CDATA[hiding]]></category>
<category><![CDATA[visible]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=330</guid>
<description><![CDATA[The most popular view in ListView-like controls seems to be the &#8220;Details&#8221; view with columns, items and sub-items. When someone wants to remove a column, he usually thinks of simply removing the column header from the Columns collection. Unfortunately, it&#8217;s not that simple. The sub-items get shifted and he needs to remove sub-items corresponding to [&#8230;]]]></description>
<content:encoded><![CDATA[<p>The most popular view in ListView-like controls seems to be the &#8220;<strong>Details</strong>&#8221; view with columns, items and sub-items.</p>
<p>When someone wants to remove a column, he usually thinks of simply removing the column header from the Columns collection. Unfortunately, it&#8217;s not that simple. The sub-items get shifted and he needs to remove sub-items corresponding to the removed column for all items as well.</p>
<p>This is because ListView is not a control for displaying grids (a matrix of cells), but really the lists &#8211; sequences of objects, and the sub-items are not cells either, they are something like an extension of each item to support additional information about the item.</p>
<p>So how we neatly hide a column?</p>
<p>We introduced Column Hiding feature in the version 2.0.1. You can simply call <strong>Hide()</strong> on your column header instance and you&#8217;re done! There is also corresponding <strong>Show()</strong> method provided. Or you can set boolean <strong>Visible</strong> property. Now the column and all subsequent sub-items are hidden from view (although they are still present in data, of course):</p>
<p>&nbsp;</p>
<div id="attachment_331" style="width: 331px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/08/column-hide-before.png"><img class="size-full wp-image-331" title="column-hide-before" src="../../../wp-content/uploads/2011/08/column-hide-before.png" alt="Hiding column via context menu" width="321" height="88" srcset="../../../wp-content/uploads/2011/08/column-hide-before.png 321w, ../../../wp-content/uploads/2011/08/column-hide-before-300x82.png 300w" sizes="(max-width: 321px) 100vw, 321px" /></a><p class="wp-caption-text">Hiding column via context menu...</p></div>
<p>&nbsp;</p>
<div id="attachment_332" style="width: 251px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/08/column-hide-after.png"><img class="size-full wp-image-332" title="column-hide-after" src="../../../wp-content/uploads/2011/08/column-hide-after.png" alt="The sixth column is hidden..." width="241" height="88" /></a><p class="wp-caption-text">...and the sixth column gets hidden.</p></div>
<p>&nbsp;</p>
<p><strong><a href="../../../../betterlistview.exe">Download Better ListView</a></strong></p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/how-to-hide-a-column-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:38:28 by W3 Total Cache
-->

View File

@@ -0,0 +1,218 @@
<!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>column &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; column Tag Feed" href="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="archive tag tag-column tag-89">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;column&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=906.html" rel="bookmark" title="Permanent Link to Centering Images in Better ListView Sub-items">Centering Images in Better ListView Sub-items</a></li>
<li><a href="../../index.html%3Fp=803.html" rel="bookmark" title="Permanent Link to Hiding Column Headers in Better ListView">Hiding Column Headers in Better ListView</a></li>
<li><a href="../../index.html%3Fp=780.html" rel="bookmark" title="Permanent Link to Right-aligned Images in Better ListView">Right-aligned Images in Better ListView</a></li>
<li><a href="../../index.html%3Fp=330.html" rel="bookmark" title="Permanent Link to How to Hide a Column in Better ListView">How to Hide a Column in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:37:12 by W3 Total Cache
-->

View File

@@ -0,0 +1,94 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>columns &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/columns/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Centering Images in Better ListView Sub-items</title>
<link>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/</link>
<comments>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/#respond</comments>
<pubDate>Wed, 06 Aug 2014 21:14:10 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[align]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[center]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[columns]]></category>
<category><![CDATA[header]]></category>
<category><![CDATA[image]]></category>
<category><![CDATA[images]]></category>
<category><![CDATA[layout]]></category>
<category><![CDATA[sub-item]]></category>
<category><![CDATA[sub-items]]></category>
<category><![CDATA[subitem]]></category>
<category><![CDATA[subitems]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=906</guid>
<description><![CDATA[How to align images to center in Better ListView sub-items and columns.]]></description>
<content:encoded><![CDATA[<div id="attachment_907" style="width: 380px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2014/08/blv-overlay.png"><img class="size-full wp-image-907" title="Centered images in Better ListView" src="../../../wp-content/uploads/2014/08/blv-overlay.png" alt="Centered images in Better ListView" width="370" height="162" /></a><p class="wp-caption-text">Centered images in Better ListView</p></div>
<p>Better ListView 3.11 supports aligning images in sub-items and columns to center. Simply set <strong>AlignHorizontalImage</strong> property of an sub-item or column to <strong>BetterListViewImageAlignmentHorizontal.OverlayCenter</strong>.</p>
<p>The image will be centered inside available space regardless of text.</p>
<p>This is useful for sub-items and column headers consisting of image only.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/centering-images-in-better-listview-sub-items/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>How to Hide a Column in Better ListView</title>
<link>http://www.componentowl.com/blog/how-to-hide-a-column-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/how-to-hide-a-column-in-better-listview/#respond</comments>
<pubDate>Fri, 05 Aug 2011 11:56:31 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[2.01]]></category>
<category><![CDATA[column]]></category>
<category><![CDATA[columns]]></category>
<category><![CDATA[details]]></category>
<category><![CDATA[hide]]></category>
<category><![CDATA[hiding]]></category>
<category><![CDATA[visible]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=330</guid>
<description><![CDATA[The most popular view in ListView-like controls seems to be the &#8220;Details&#8221; view with columns, items and sub-items. When someone wants to remove a column, he usually thinks of simply removing the column header from the Columns collection. Unfortunately, it&#8217;s not that simple. The sub-items get shifted and he needs to remove sub-items corresponding to [&#8230;]]]></description>
<content:encoded><![CDATA[<p>The most popular view in ListView-like controls seems to be the &#8220;<strong>Details</strong>&#8221; view with columns, items and sub-items.</p>
<p>When someone wants to remove a column, he usually thinks of simply removing the column header from the Columns collection. Unfortunately, it&#8217;s not that simple. The sub-items get shifted and he needs to remove sub-items corresponding to the removed column for all items as well.</p>
<p>This is because ListView is not a control for displaying grids (a matrix of cells), but really the lists &#8211; sequences of objects, and the sub-items are not cells either, they are something like an extension of each item to support additional information about the item.</p>
<p>So how we neatly hide a column?</p>
<p>We introduced Column Hiding feature in the version 2.0.1. You can simply call <strong>Hide()</strong> on your column header instance and you&#8217;re done! There is also corresponding <strong>Show()</strong> method provided. Or you can set boolean <strong>Visible</strong> property. Now the column and all subsequent sub-items are hidden from view (although they are still present in data, of course):</p>
<p>&nbsp;</p>
<div id="attachment_331" style="width: 331px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/08/column-hide-before.png"><img class="size-full wp-image-331" title="column-hide-before" src="../../../wp-content/uploads/2011/08/column-hide-before.png" alt="Hiding column via context menu" width="321" height="88" srcset="../../../wp-content/uploads/2011/08/column-hide-before.png 321w, ../../../wp-content/uploads/2011/08/column-hide-before-300x82.png 300w" sizes="(max-width: 321px) 100vw, 321px" /></a><p class="wp-caption-text">Hiding column via context menu...</p></div>
<p>&nbsp;</p>
<div id="attachment_332" style="width: 251px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/08/column-hide-after.png"><img class="size-full wp-image-332" title="column-hide-after" src="../../../wp-content/uploads/2011/08/column-hide-after.png" alt="The sixth column is hidden..." width="241" height="88" /></a><p class="wp-caption-text">...and the sixth column gets hidden.</p></div>
<p>&nbsp;</p>
<p><strong><a href="../../../../betterlistview.exe">Download Better ListView</a></strong></p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/how-to-hide-a-column-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:41:16 by W3 Total Cache
-->

View File

@@ -0,0 +1,214 @@
<!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>columns &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; columns Tag Feed" href="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="archive tag tag-columns tag-93">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;columns&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=906.html" rel="bookmark" title="Permanent Link to Centering Images in Better ListView Sub-items">Centering Images in Better ListView Sub-items</a></li>
<li><a href="../../index.html%3Fp=330.html" rel="bookmark" title="Permanent Link to How to Hide a Column in Better ListView">How to Hide a Column in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:38:22 by W3 Total Cache
-->

View File

@@ -0,0 +1,56 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>combined &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/combined/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Combined Items in Better ListView</title>
<link>http://www.componentowl.com/blog/combined-items-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/combined-items-in-better-listview/#respond</comments>
<pubDate>Thu, 05 Jan 2012 09:46:49 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[combined]]></category>
<category><![CDATA[dropdown]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[non-selectable]]></category>
<category><![CDATA[nonselectable]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=478</guid>
<description><![CDATA[Better ListView 2.5.0 supports combining parent and child items to allow storing additional information in the item hierarchy.]]></description>
<content:encoded><![CDATA[<p>Hierarchical (tree-like) items can be used to support non-selectable child items in <a href="../../../../betterlistview.exe">Better ListView 2.5.0</a> and newer. We call these <strong>Combined items</strong> as they are combined with its children to look and behave as single item:</p>
<div id="attachment_498" style="width: 246px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/01/blv-combineditems1.png"><img class="size-full wp-image-498" title="blv-combineditems1" src="../../../wp-content/uploads/2012/01/blv-combineditems1.png" alt="Combined items" width="236" height="287" /></a><p class="wp-caption-text">Combined items</p></div>
<p>Combined item has selection ranging over all its child items. This can be seen when the combined item is selected or focused:</p>
<div id="attachment_499" style="width: 246px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/01/blv-combineditems2.png"><img class="size-full wp-image-499" title="blv-combineditems2" src="../../../wp-content/uploads/2012/01/blv-combineditems2.png" alt="Combined items - selection" width="236" height="287" /></a><p class="wp-caption-text">Combined items - selection</p></div>
<p>Child items of the combined item are still interactive, though not focusable/selectable. They can contain further children (be expanded/collapsed with expand button as well) and can contain interactive check boxes. The visual part of combined child items is also fully available, to the child items can contain images and even sub-items.</p>
<p>To set-up combined items, simply set <strong>AllowSelectChildItems</strong> property to <strong>false</strong> on all items you wish to combine.</p>
<p>Combined items can be used in any level of item hierarchy.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/combined-items-in-better-listview/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:42 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>combined &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; combined Tag Feed" href="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="archive tag tag-combined tag-129">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;combined&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=478.html" rel="bookmark" title="Permanent Link to Combined Items in Better ListView">Combined Items in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:39:51 by W3 Total Cache
-->

View File

@@ -0,0 +1,118 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>coming soon &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/coming-soon/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Coming soon: Better ListView 2.1 Optimized for Performance</title>
<link>http://www.componentowl.com/blog/coming-soon-better-listview-2-1-optimized-for-performance/</link>
<comments>http://www.componentowl.com/blog/coming-soon-better-listview-2-1-optimized-for-performance/#respond</comments>
<pubDate>Mon, 05 Sep 2011 16:33:45 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[coming soon]]></category>
<category><![CDATA[fast]]></category>
<category><![CDATA[faster]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[optimization]]></category>
<category><![CDATA[performance]]></category>
<category><![CDATA[progress]]></category>
<category><![CDATA[working on]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=348</guid>
<description><![CDATA[Better ListView 2 comes with many hot features, like groups and item hierarchy. Great features, unfortunately, often come at the price of decreased performance. However, we want to have Better ListView both feature-rich and fast. Some users noticed a performance drop when working with large number of items (say 10 000+). Our top priority for [&#8230;]]]></description>
<content:encoded><![CDATA[<p><strong><a href="http://www.componentowl.com/better-listview">Better ListView 2</a></strong> comes with many hot features, like <a href="http://www.componentowl.com/blog/2011/05/better-listview-2-0-sneak-peek-item-hierarchy-groups-more/">groups and item hierarchy</a>. Great features, unfortunately, often come at the price of decreased performance. However, we want to have Better ListView both feature-rich and fast.</p>
<p>Some users noticed a performance drop when working with large number of items (say 10 000+). <strong>Our top priority for version 2.1 is the overall optimization of Better ListView</strong>. Several optimizations have already been made in the recent updates (column resizing and thumbnail images), but we have to go further. You can expect Better ListView to be much snappier in the upcoming 2.1 update. The optimizations will cover these areas:</p>
<ul>
<li>Faster <strong>collection operations</strong> (adding, removing, sorting) of large number of items</li>
<li>Faster <strong>expand/collapse of groups and items</strong></li>
<li>Faster <strong>column resizing</strong> with <strong>multi-line items</strong></li>
</ul>
<p>We will also take a look on smoother <em>Visual Studio integration</em>, so you can see Better ListView ready in toolbox just after installation (we have to deal with Visual Studio Packages, which is quite an esoteric topic). If Better ListView doesn&#8217;t currently appear in your Visual Studio toolbox automatically, you can just right-click the toolbox window, and use &#8220;Choose Items&#8221; to add the DLL file yourself.</p>
<p>Some background info for the more curious of you: Version 1.5 of Better ListView was very fast. It was so fast because <em>every item in the list had precisely the same size</em>. Some operations, like hit testing, was done in constant time and no extra measurement of individual items was necessary. The new major 2.0 version of Better ListView supports items with variable sizes, and irregular layout consisting of grouped items. However, we observed that even in complex settings, there are just few &#8220;types&#8221; of items &#8211; for example, there are only three possible item sizes when using multi-line items with up to three lines of text. Our optimizations will thus be focused on taking advantage of this to reduce most expensive operations back to constant time complexity.</p>
<div id="attachment_349" style="width: 198px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2011/09/2611677_345f676344.jpg"><img class="size-full wp-image-349" title="photo by Michael Roper" src="../../../wp-content/uploads/2011/09/2611677_345f676344.jpg" alt="photo by Michael Roper" width="188" height="250" /></a><p class="wp-caption-text">photo by Michael Roper</p></div>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/coming-soon-better-listview-2-1-optimized-for-performance/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
<item>
<title>Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more)</title>
<link>http://www.componentowl.com/blog/better-listview-2-0-sneak-peek-item-hierarchy-groups-more/</link>
<comments>http://www.componentowl.com/blog/better-listview-2-0-sneak-peek-item-hierarchy-groups-more/#respond</comments>
<pubDate>Tue, 03 May 2011 09:28:55 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[child items in listview]]></category>
<category><![CDATA[coming soon]]></category>
<category><![CDATA[features]]></category>
<category><![CDATA[groups]]></category>
<category><![CDATA[item hierarchy]]></category>
<category><![CDATA[listview tree]]></category>
<category><![CDATA[preview]]></category>
<category><![CDATA[tree structure in listview]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=232</guid>
<description><![CDATA[Better ListView 2.0 is coming soon. Support for <strong>groups</strong>, <strong>tree-like item structure</strong> (tree nodes are collapsible, as expected), and <strong>multi-line items</strong>.]]></description>
<content:encoded><![CDATA[<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>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/better-listview-2-0-sneak-peek-item-hierarchy-groups-more/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:38:29 by W3 Total Cache
-->

View File

@@ -0,0 +1,214 @@
<!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>coming soon &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; coming soon Tag Feed" href="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="archive tag tag-coming-soon tag-52">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;coming soon&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=348.html" rel="bookmark" title="Permanent Link to Coming soon: Better ListView 2.1 Optimized for Performance">Coming soon: Better ListView 2.1 Optimized for Performance</a></li>
<li><a href="../../index.html%3Fp=232.html" rel="bookmark" title="Permanent Link to Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more)">Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more)</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:37:12 by W3 Total Cache
-->

View File

@@ -0,0 +1,84 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>component &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/component/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Better Thumbnail Browser Component Released</title>
<link>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/</link>
<comments>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/#comments</comments>
<pubDate>Sat, 01 Dec 2012 18:26:16 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[background]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[browser]]></category>
<category><![CDATA[component]]></category>
<category><![CDATA[control]]></category>
<category><![CDATA[folder]]></category>
<category><![CDATA[image]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[load]]></category>
<category><![CDATA[loading]]></category>
<category><![CDATA[thumbnail]]></category>
<category><![CDATA[thumbnailbrowser]]></category>
<category><![CDATA[thumbnails]]></category>
<category><![CDATA[winforms]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=823</guid>
<description><![CDATA[&#160; We have released a whole new WinForms component called Better Thumbnail Browser. This control is useful for anyone developing photo management software or any kind of image database: The control is capable of loading image thumbnails on background and does all the dirty job of threading and synchronization for you. My motivation to make [&#8230;]]]></description>
<content:encoded><![CDATA[<p>&nbsp;</p>
<p>We have released a whole new WinForms component called <a href="http://www.componentowl.com/better-thumbnail-browser">Better Thumbnail Browser</a>. This control is useful for anyone developing photo management software or any kind of image database:</p>
<div style="width: 404px" class="wp-caption aligncenter"><a href="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879"><img class=" " title="Better Thumbnail Browser" src="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" alt="Better Thumbnail Browser Overview" width="394" height="283" /></a><p class="wp-caption-text">Better Thumbnail Browser Overview</p></div>
<p>The control is capable of loading image thumbnails on background and does all the dirty job of threading and synchronization for you.</p>
<p>My motivation to make such component as lead developer at ComponentOwl.com was to have something that can smoothly integrate in my photo management software.</p>
<p>Since we already have <a href="http://www.componentowl.com/better-listview">Better ListView</a> component, which is quite mature (three major releases over two years of development), I decided to build upon it and finally make control for image thumbnails that is both extensible and powerful and have native look and feel.</p>
<p>Better Thumbnail Browser inherits most of its functionality from Better ListView (multi column sorting, custom paddings and spacings, multi-line text and groups to name a few). It adds image loading logic on top of it, which can handle various scenarios:</p>
<ul>
<li>Load images from a folder, database or custom source automatically</li>
<li>Load thumbnails with arbitrary sizes on background while progressively displaying them</li>
<li>Handle zooming thumbnails on the fly</li>
<li>Loading thumbnail items in multiple passes (e.g. load meta-data, then low quality image, then high quality image)</li>
<li>Loading thumbnails in custom order</li>
<li>Loading visible thumbnails first, then all other (and do this even though the user is scrolling the view)</li>
<li>Manage updating individual thumbnails or their count on the fly</li>
<li>Support showing loading progress</li>
</ul>
<p>The component is fully customizable and by default inherits native Windows theme. We tested it on Windows 8 with success:</p>
<div id="attachment_824" style="width: 404px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/12/w8-theme.jpg"><img class=" wp-image-824 " title="Better Thumbnail Browser with Windows 8 Theme" src="../../../wp-content/uploads/2012/12/w8-theme.jpg" alt="Better Thumbnail Browser with Windows 8 Theme" width="394" height="283" /></a><p class="wp-caption-text">Better Thumbnail Browser with Windows 8 Theme</p></div>
<p>&nbsp;</p>
<p>Better Thumbnail Browser contains default implementation for loading thumbnail images from disk. If you want to gather all images from a given folder (say &#8220;c:\images&#8221;), display them in Better Thumbnail Browser and load them on background, the code is particularly simple:</p>
<pre>thumbnailBrowser.Path = "c:\\images";</pre>
<p>And that&#8217;s it!</p>
<p>Better Thumbnail Browser will be our third component which is used in end-user consumer-level software package. This ensures future development, improvements and support.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/feed/</wfw:commentRss>
<slash:comments>1</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:58 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>component &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; component Tag Feed" href="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="archive tag tag-component tag-11">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;component&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=823.html" rel="bookmark" title="Permanent Link to Better Thumbnail Browser Component Released">Better Thumbnail Browser Component Released</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:40:43 by W3 Total Cache
-->

View File

@@ -0,0 +1,151 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>computer work &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/computer-work/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Are You a Zen Coder or Distraction-Junkie?</title>
<link>http://www.componentowl.com/blog/zen-coder-vs-distraction-junkie/</link>
<comments>http://www.componentowl.com/blog/zen-coder-vs-distraction-junkie/#comments</comments>
<pubDate>Sun, 12 Feb 2012 07:04:41 +0000</pubDate>
<dc:creator><![CDATA[Brian Galura]]></dc:creator>
<category><![CDATA[Programming]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[clean focus]]></category>
<category><![CDATA[coder productivity]]></category>
<category><![CDATA[computer work]]></category>
<category><![CDATA[distraction junkie]]></category>
<category><![CDATA[distractions]]></category>
<category><![CDATA[efficient work on computer]]></category>
<category><![CDATA[focus]]></category>
<category><![CDATA[internet addiction]]></category>
<category><![CDATA[mental work]]></category>
<category><![CDATA[productivity]]></category>
<category><![CDATA[programming productivity]]></category>
<category><![CDATA[relaxing when working on computer]]></category>
<category><![CDATA[work focus]]></category>
<category><![CDATA[zen]]></category>
<category><![CDATA[zen coder]]></category>
<category><![CDATA[zen habits]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=664</guid>
<description><![CDATA[What you do when compiling can ruin your life. And not just when compiling. What makes a Zen Coder?]]></description>
<content:encoded><![CDATA[<p><strong>What you do when compiling can ruin your life.</strong> And not just when compiling, but when waiting for any short computer operation to finish.</p>
<p>That time is ridiculously tiny compared to the rest of your workday, yet it can have a huge impact on your productivity and well-being overall. Yes, thats a big fat claim.</p>
<p>And by the way, this article is not just about coders or programmers. It&#8217;s about <em>any</em> smart people working with computers. And there will be pictures! Let&#8217;s rock and roll &#8211;</p>
<h1>Why am I writing this</h1>
<p>I recently started implementing certain time management techniques into my work style to boost my productivity, reduce stress, and help my body and brain rest. I basically wanted to work in uninterruptable 100% focused 60-120 minutes blocks of time, followed by a 20-30 minute breaks.</p>
<p>However, I almost immediately run into a big problem: When I was compiling or deploying something, I automatically opened one or more of the following: Email client, Facebook, news reader, news sites. Thats a bad habit. Its hard to break. It ruins my goal of clean focus.</p>
<p>So I decided to do some research. There was a discussion on &#8220;<a href="http://productivity.stackexchange.com/questions/970/what-to-do-while-compiling" target="_blank" rel="nofollow">What to do while compiling?</a>&#8221; on StackExchange. The most up-voted answers were of the “reduce the compilation time” kind. However, these answers dont solve the more general problem: There will always be waiting times while working on the computer.</p>
<p>Other than that, the people in the discussion were mostly suggesting what they usually do (such as checking email or news) which is a horrible idea. One good advice was that “Multi-tasking is bad”. I agree with that. But overall? Not. Good. Enough. The answers were disappointing. So, in this article, I am going to explore this issue deeply and present you with the optimal approach.</p>
<h1>Two kinds of coders</h1>
<p>There are two extreme archetypes of coders The “zen coder”, and the “distraction junkie coder”. Both are extreme, so both should be rare on the bell curve of distribution, right?</p>
<p>Wrong. Although the “Distraction junkie coder” is, in fact, extreme, he is unbelievably prevalent.</p>
<p>A picture is worth 1000 words, so I am going to show you, with pictures, what is happening on the mental desktops of both of these kinds of coders.</p>
<h1>The zen coder</h1>
<p>What does zen coder do?</p>
<p>He codes. Thats the only thing he does, and that tells it all. Perhaps the more important question is what he does not do: He does not succumb to distractions. Clean focus. Clean cuts. Clean coding. 60-120 minutes of pure coding, then a 20-30 minute break, which is usually off the computer. Then he codes again. (The minutes are just an example. He can use a different pattern but he is always balanced and betting on the long-term productivity.)</p>
<p>His mind is like calm fluid water with a steady flow. It is not like frozen water shattered to 1000 constantly shaking pieces.</p>
<p>This is how the mental desktop of zen coder looks like:</p>
<p><img src="../../../wp-content/uploads/2012/02/zen-coder.png" alt="Zen coder's mental desktop"></p>
<h1>The distraction junkie coder</h1>
<p>Even if your mental desktop looks like the one of a zen coder, just a few minutes after you open Facebook and check your email e.g. when compiling, it will look like this:</p>
<p><img src="../../../wp-content/uploads/2012/02/distraction-junkie-coder.png.png" alt="Distraction junkie coder mental desktop"></p>
<p>And that is, ladies and gentlemen, after just merely checking your email and opening Facebook! If you also have a bunch of real-time notifications, IMs, and check your RSS and twitter, the above will look like a scheme of a meditating monks brain compared to the havoc you will break.</p>
<p>You will probably never fully recover from that. Not on that particular day, anyway. Even if you minimize all this crap on your mental desktop to your mental taskbar, it will remain there, tempt you forever, and eat up your mental resources. And boy, the time will fly by, and you will wonder where it went.</p>
<p>Oh, and by the way, if you are distraction junkie, then you <strong>must</strong> check out <strong><a href="http://www.componentowl.com/comics/26">our web comics for developers!</a></strong> Don&#8217;t even return to finish reading this article. And don&#8217;t forget to subscribe to the comics RSS! And read all the strips! Then send it to your buddy, and start chatting! The distraction-rabbit holes are not that deep, really!</p>
<h1>The difference between zen coder and distraction junkie coder</h1>
<p>Zen coder prefers long-term happiness and productivity. He is capable of focusing deeply. He trains focus.</p>
<p>Distraction junkie coder prefers instant gratification for the price of not reaching his full potential and hurting himself both physically and mentally in the long run. He is too lazy to focus.</p>
<p>To fully grasp this, we first need to understand how our brains work.</p>
<h1>How our brains work</h1>
<p>The truth is that we dont really know, yet. But, based on our current understanding, there are some useful analogies that psychologists have been putting to a good use for some time, and that can help us grasp some of the complexities.</p>
<h2>The computer analogy</h2>
<p>Your brain is a computer. Sure, it is infinitely more complex than a PC, but the computer metaphor allows us to describe many processes that are going on in the brain. There is something like HDD, there is something like RAM, CPU, there are processes and threads, and it takes certain amount of time to access information and to calculate things.</p>
<p>It is obvious that our brain has only a certain capacity to focus at any particular moment. You can focus on 1 thing well, or on 3 things badly, but you cant do both. Even switching from one task to another carries a cognitive cost, especially if the tasks are in different contexts.</p>
<p>Once you bring something to your awareness, it takes time to <em>fully</em> dispose of it and its associated resources and to purge it from your mental RAM and background processes. It can even take hours or days. Things recently brought to your awareness constantly re-appear at random moments. Even if you do not notice them floating in your mind, they are there and they take up resources, and reduce your ability to focus.</p>
<h2>The chest of drawers analogy</h2>
<p>Another useful metaphor is a chest of drawers. Your brain stores stuff in drawers. Each drawer is a cloud of data associated and linked together based on certain contexts and concepts. At any particular time, some of the drawers are open, and some closed. The open drawers represent your current mental landscape, the stuff that is easily accessible.</p>
<p><strong>The big problem is that it takes time to close mental drawers, but opening them is instant.</strong></p>
<p>So, when you are working, and then switch to some news site, it can instantly open a bunch of drawers. When you return to work, these drawers will remain open. The only benefit is it can help you with creativity and brainstorming but unnecessarily opened drawers come at a cost. They reduce your left-brain raw mental power and ability to focus.</p>
<h1>What to do while compiling?</h1>
<p>What you do when waiting for some computer operation to execute can determine if you are a zen coder, or distraction junkie coder. </p>
<p>The main idea here is to:</p>
<ol>
<li>Not lose focus, and</li>
<li>Take a micro break.</li>
</ol>
<p>Not losing focus is not that hard all you have to do is to switch your brain off, or keep thinking about your code. However, switching off is better. Its a micro-meditation, and it also serves our goal of taking a micro-break.</p>
<p>Why meditation? Well, your brain is crunching code all day, so why not give it a rest? Plus its scientifically proven that meditation leads to permanent increase in levels happiness. Just imagine the long term benefits of this seemingly trivial habit of meditating for 30-60 seconds couple of times per day.</p>
<p>Now, what to do on your micro-break? Do any of the following, combine as you wish. You can also do them all, in this order, depending (or not) on how long is the operation taking.</p>
<ol>
<li>Get up</li>
<li>Look into distance</li>
<li>Put your hands behind your head and lean back on your chair</li>
<li>Stretch your legs, then raise your hands as high as possible</li>
<li>Close your eyes</li>
<li>Gently massage your eyes</li>
<li>Slowly turn your head to the right, left, up and down as far as possible</li>
<li>Close your eyes and breathe</li>
<li>Go get a glass of water (Be careful not to get distracted by your co-workers on your way.)</li>
</ol>
<p>You can do also anything else that engages primarily your body and not mind isometrics exercise, juggling, sword-fighting ;-).</p>
<p>And by the way &#8211; if your boss gives you hard time about any of this, then refer him to this article. It is far better for you to quickly rejuvenate yourself and maintain focus than to appear working and get distracted, lose focus and become tired sooner. </p>
<p>Stretching can be very beneficial. My physiotherapist discovered a lot of tension in my shoulders on my last visit. She told me that its there probably because I have my hands bent all the time when siting at the computer, so the muscles shorten and work uneconomically. The best thing I can do? Lift and move my hands, try to reach as high as possible. Thats now one of the things I do when compiling or waiting for a computer operation to execute.</p>
<p>Youve probably heard that it is a good idea to stretch and take a short break regularly when working on the computer. The problem is the implementation even if you set a timer, what if you are in a middle of a difficult problem when it goes off? Its just seems impossible to implement. However, if you take the micro-break while compiling, it works great and you can even make a habit out of it, so it gets “automated”! The compilation now becomes your reminder to stretch. Incredibly powerful stuff.</p>
<h1>The things you shouldnt do when compiling</h1>
<p>I really want to hammer my point home, so just to make things absolutely clear, here is a list of what you should NOT do when compiling. Think of it this way: These things will not just ruin your focus, but you will deprive your mind and body of the micro-break.</p>
<ol>
<li>Check your RSS</li>
<li>Check news (<em>any</em> news)</li>
<li>Check email</li>
<li>Check social media (Facebook, twitter, G+, LinkedIn, reddit you name it)</li>
<li>Watch videos</li>
</ol>
<p>Doing the following 2 things is better than all of the above, but it is still not optimal:</p>
<ol>
<li>Chat with a co-worker</li>
<li>Read a physical book</li>
</ol>
<h1>Clean Focus and Clean Cuts</h1>
<p>I will close this article with what I think is the ideal approach to daily work-flow &#8211; the zen coder way.</p>
<p>The key to true productivity and efficiency is to focus 100% on the one thing you are doing at the moment, and then to completely switch and do something else. There shouldnt be any blurry transitions from one thing to the next.</p>
<p>Divide your time into 60 120 minutes blocks of work. Focus 100% percent in these blocks of time. Then take a 20-30 minute break and do something else entirely. You can check your email and social media during the break, sure, but a brisk walk or a short nap and healthy snack will do you more good. After the break is over, check what&#8217;s next in your task management software (e.g. I use my own <strong><a href="http://www.dextronet.com/swift-to-do-list-software">Swift To-Do List</a></strong>), and do another block of focused work. It is somewhat similar to Pomodoro technique, only on a larger scale.</p>
<p>The breaks are not optional. Dont even think about skipping them. Your body needs them. Take the breaks even if you do what you love in such a case, you will be motivated to accomplish more in the next time block.</p>
<p><strong>Your work-flow should look something like this:</strong></p>
<p>(Task 1 Task 2) Break (Task 2 Task 3 Task 4) Break (Another 60-120 minute block of tasks) Break…</p>
<p><strong>And not something completely chaotic, random and sad, like this:</strong></p>
<p>Task 1 Email Task 1 Facebook Task 1 Task 2 Minibreak &#8211; Facebook Task 2 Email reddit Task 3 Email Break Task 2 &#8211; Email &#8211; Task 3 twitter Hacker News twitter Task 1 &#8211; Task 3 Break Task 4</p>
<p>If your workflow is sub-optimal like that, you will neither fully relax nor accomplish what you could. This is inferior on every level. It is not just a waste of your potential and time, but often also completely unnecessary wreckage of your body in the long run.</p>
<p>I wont lie to you. Focusing is really hard. Its hard, because when you are not doing it, you are basically training the opposite. Habits and ingrained routines are inherently hard to change. </p>
<p>The good news is you can train. You <em>can</em> learn to focus. Its a learnable skill for everyone, and incredibly well worth the effort.</p>
<p>&#8211; By <strong><a href="https://plus.google.com/108094026317986529064/" rel="author" target="_blank">Jiri Novotny+</a></strong>, the obsessed author of <strong><a href="http://www.dextronet.com">task management software for Windows</a></strong>. He is posting this guest article here on ComponentOwl.com, because his Swift To-Do List uses .NET <strong><a href="http://www.componentowl.com/better-listview">Better ListView</a></strong> from Component Owl as its core component.</p>
<p>PS: Know anyone who is checking email 50 times a day, and has 12 different notifications jumping in his face all the time? Send him this article. He will thank you later.</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/zen-coder-vs-distraction-junkie/feed/</wfw:commentRss>
<slash:comments>55</slash:comments>
</item>
</channel>
</rss>
<!--
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:21 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>computer work &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; computer work Tag Feed" href="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="archive tag tag-computer-work tag-236">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;computer work&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=664.html" rel="bookmark" title="Permanent Link to Are You a Zen Coder or Distraction-Junkie?">Are You a Zen Coder or Distraction-Junkie?</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:41:29 by W3 Total Cache
-->

View File

@@ -0,0 +1,125 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>content &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/content/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>How to Store Better ListView Content in a String (User Request)</title>
<link>http://www.componentowl.com/blog/how-to-store-better-listview-content-in-a-string-user-request/</link>
<comments>http://www.componentowl.com/blog/how-to-store-better-listview-content-in-a-string-user-request/#respond</comments>
<pubDate>Sat, 04 Aug 2012 00:03:49 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[content]]></category>
<category><![CDATA[items]]></category>
<category><![CDATA[load]]></category>
<category><![CDATA[save]]></category>
<category><![CDATA[serialization]]></category>
<category><![CDATA[serialize]]></category>
<category><![CDATA[store]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=796</guid>
<description><![CDATA[Is it possible to store entire Better ListView content (items with hierarchy and sub-items, columns and groups) in a single string? Of course!]]></description>
<content:encoded><![CDATA[<p>Is it possible to store entire Better ListView content (items with hierarchy and sub-items, columns and groups) in a single string?</p>
<p>Better ListView already supports saving and loading its content using <strong>SaveContent</strong> and <strong>LoadContent</strong> methods. These methods support either XML or binary format.</p>
<p>I chose binary format for storing data in string  because it is more compact than XML. Binary representation (basically an array of bytes) can be converted to Base64 string. Loading the content from string work similarly, the steps are performed in opposite direction:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
// SAVE<br />
// create MemoryStream to hold binary data<br />
MemoryStream stream = new MemoryStream();<br />
// store Better ListView content in memory stream<br />
this.listView.SaveContentBinary(stream);<br />
// copy content of MemoryStream to byte array<br />
byte[] contentBinary = new byte[stream.Length];<br />
stream.Seek(0, SeekOrigin.Begin);<br />
// convert byte array to Base64 string<br />
stream.Read(contentBinary, 0, (int)stream.Length); // move to beginning of the stream<br />
string contentStringBase64 = Convert.ToBase64String(contentBinary);<br />
// close stream<br />
stream.Close();<br />
stream.Dispose();</p>
<p>// CLEAR<br />
this.listView.Clear();</p>
<p>// LOAD<br />
// create MemoryStream to hold binary data<br />
stream = new MemoryStream();<br />
// convert Base64 string to byte array<br />
contentBinary = Convert.FromBase64String(contentStringBase64);<br />
// write byte array to stream<br />
stream.Write(contentBinary, 0, contentBinary.Length);<br />
stream.Seek(0, SeekOrigin.Begin); // move to beginning of the stream<br />
// load content of Better ListView from memory stream<br />
this.listView.LoadContentBinary(stream);<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
&#8216; SAVE<br />
&#8216; create MemoryStream to hold binary data<br />
Dim stream As New MemoryStream()<br />
&#8216; store Better ListView content in memory stream<br />
Me.listView.SaveContentBinary(stream)<br />
&#8216; copy content of MemoryStream to byte array<br />
Dim contentBinary As Byte() = New Byte(stream.Length &#8211; 1) {}<br />
stream.Seek(0, SeekOrigin.Begin)<br />
&#8216; convert byte array to Base64 string<br />
stream.Read(contentBinary, 0, CInt(stream.Length))<br />
&#8216; move to beginning of the stream<br />
Dim contentStringBase64 As String = Convert.ToBase64String(contentBinary)<br />
&#8216; close stream<br />
stream.Close()<br />
stream.Dispose()</p>
<p>&#8216; CLEAR<br />
Me.listView.Clear()</p>
<p>&#8216; LOAD<br />
&#8216; create MemoryStream to hold binary data<br />
stream = New MemoryStream()<br />
&#8216; convert Base64 string to byte array<br />
contentBinary = Convert.FromBase64String(contentStringBase64)<br />
&#8216; write byte array to stream<br />
stream.Write(contentBinary, 0, contentBinary.Length)<br />
stream.Seek(0, SeekOrigin.Begin)<br />
&#8216; move to beginning of the stream<br />
&#8216; load content of Better ListView from memory stream<br />
Me.listView.LoadContentBinary(stream)<br />
[/vb]</p>
<p>&nbsp;</p>
<p>Although saving and loading data this way is convenient, please consider the following drawback:</p>
<ul>
<li>Standard serialization mechanism of .NET is used for converting <em>classes</em> and <em>structures</em> to XML or binary representation &#8211; hence the serialized data may not be possible to deserialize on different version of Better ListView if any public members of the serialized class have been changed.</li>
<li>The generated string is very long (few kilobytes for just two items).</li>
<li>Lots of data are stored which are not related to content itself (e.g. item colors).</li>
<li>The serialized representation is considered read-only &#8211; any changes can cause problems with deserialization; if you really want flexible way of storing ListView content, <strong>consider building a model or data layer that supports storing the data you need the way you need</strong>.</li>
</ul>
<p>On the other hand, using this way may be convenient when you want to <strong>transfer or copy ListView content between controls on even across application domain</strong> (Better ListView itself uses this mechanism to allow Drag and Drop between two applications &#8211; this &#8220;tour de force&#8221; kind of Drag and Drop is not avaiable in regular .NET ListView).</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/how-to-store-better-listview-content-in-a-string-user-request/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:33 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>content &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; content Tag Feed" href="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="archive tag tag-content tag-262">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;content&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=796.html" rel="bookmark" title="Permanent Link to How to Store Better ListView Content in a String (User Request)">How to Store Better ListView Content in a String (User Request)</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:39:23 by W3 Total Cache
-->

View File

@@ -0,0 +1,84 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>control &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/control/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Better Thumbnail Browser Component Released</title>
<link>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/</link>
<comments>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/#comments</comments>
<pubDate>Sat, 01 Dec 2012 18:26:16 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Announcements]]></category>
<category><![CDATA[Components]]></category>
<category><![CDATA[background]]></category>
<category><![CDATA[better]]></category>
<category><![CDATA[browser]]></category>
<category><![CDATA[component]]></category>
<category><![CDATA[control]]></category>
<category><![CDATA[folder]]></category>
<category><![CDATA[image]]></category>
<category><![CDATA[listview]]></category>
<category><![CDATA[load]]></category>
<category><![CDATA[loading]]></category>
<category><![CDATA[thumbnail]]></category>
<category><![CDATA[thumbnailbrowser]]></category>
<category><![CDATA[thumbnails]]></category>
<category><![CDATA[winforms]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=823</guid>
<description><![CDATA[&#160; We have released a whole new WinForms component called Better Thumbnail Browser. This control is useful for anyone developing photo management software or any kind of image database: The control is capable of loading image thumbnails on background and does all the dirty job of threading and synchronization for you. My motivation to make [&#8230;]]]></description>
<content:encoded><![CDATA[<p>&nbsp;</p>
<p>We have released a whole new WinForms component called <a href="http://www.componentowl.com/better-thumbnail-browser">Better Thumbnail Browser</a>. This control is useful for anyone developing photo management software or any kind of image database:</p>
<div style="width: 404px" class="wp-caption aligncenter"><a href="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879"><img class=" " title="Better Thumbnail Browser" src="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" alt="Better Thumbnail Browser Overview" width="394" height="283" /></a><p class="wp-caption-text">Better Thumbnail Browser Overview</p></div>
<p>The control is capable of loading image thumbnails on background and does all the dirty job of threading and synchronization for you.</p>
<p>My motivation to make such component as lead developer at ComponentOwl.com was to have something that can smoothly integrate in my photo management software.</p>
<p>Since we already have <a href="http://www.componentowl.com/better-listview">Better ListView</a> component, which is quite mature (three major releases over two years of development), I decided to build upon it and finally make control for image thumbnails that is both extensible and powerful and have native look and feel.</p>
<p>Better Thumbnail Browser inherits most of its functionality from Better ListView (multi column sorting, custom paddings and spacings, multi-line text and groups to name a few). It adds image loading logic on top of it, which can handle various scenarios:</p>
<ul>
<li>Load images from a folder, database or custom source automatically</li>
<li>Load thumbnails with arbitrary sizes on background while progressively displaying them</li>
<li>Handle zooming thumbnails on the fly</li>
<li>Loading thumbnail items in multiple passes (e.g. load meta-data, then low quality image, then high quality image)</li>
<li>Loading thumbnails in custom order</li>
<li>Loading visible thumbnails first, then all other (and do this even though the user is scrolling the view)</li>
<li>Manage updating individual thumbnails or their count on the fly</li>
<li>Support showing loading progress</li>
</ul>
<p>The component is fully customizable and by default inherits native Windows theme. We tested it on Windows 8 with success:</p>
<div id="attachment_824" style="width: 404px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/12/w8-theme.jpg"><img class=" wp-image-824 " title="Better Thumbnail Browser with Windows 8 Theme" src="../../../wp-content/uploads/2012/12/w8-theme.jpg" alt="Better Thumbnail Browser with Windows 8 Theme" width="394" height="283" /></a><p class="wp-caption-text">Better Thumbnail Browser with Windows 8 Theme</p></div>
<p>&nbsp;</p>
<p>Better Thumbnail Browser contains default implementation for loading thumbnail images from disk. If you want to gather all images from a given folder (say &#8220;c:\images&#8221;), display them in Better Thumbnail Browser and load them on background, the code is particularly simple:</p>
<pre>thumbnailBrowser.Path = "c:\\images";</pre>
<p>And that&#8217;s it!</p>
<p>Better Thumbnail Browser will be our third component which is used in end-user consumer-level software package. This ensures future development, improvements and support.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/better-thumbnail-browser-component-released/feed/</wfw:commentRss>
<slash:comments>1</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:58 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>control &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; control Tag Feed" href="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="archive tag tag-control tag-10">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;control&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=823.html" rel="bookmark" title="Permanent Link to Better Thumbnail Browser Component Released">Better Thumbnail Browser Component Released</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:40:43 by W3 Total Cache
-->

View File

@@ -0,0 +1,110 @@
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>controls &#8211; Owl&#039;s Blog on .NET development</title>
<atom:link href="http://www.componentowl.com/blog/tag/controls/feed/" rel="self" type="application/rss+xml" />
<link>http://www.componentowl.com/blog</link>
<description>Component Owl codes Better ListView control all night so you don&#039;t have to.</description>
<lastBuildDate>Tue, 04 Sep 2018 13:10:05 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<generator>https://wordpress.org/?v=4.9.8</generator>
<item>
<title>Customize Label Editing (Embedded) Control for Each Line in Better ListView</title>
<link>http://www.componentowl.com/blog/customize-label-editing-embedded-control-for-each-line-in-better-listview/</link>
<comments>http://www.componentowl.com/blog/customize-label-editing-embedded-control-for-each-line-in-better-listview/#comments</comments>
<pubDate>Wed, 04 Apr 2012 10:33:49 +0000</pubDate>
<dc:creator><![CDATA[Libor Tinka]]></dc:creator>
<category><![CDATA[Better ListView]]></category>
<category><![CDATA[Tutorials]]></category>
<category><![CDATA[better listview]]></category>
<category><![CDATA[controls]]></category>
<category><![CDATA[custom]]></category>
<category><![CDATA[different]]></category>
<category><![CDATA[edit]]></category>
<category><![CDATA[editing]]></category>
<category><![CDATA[embedded]]></category>
<category><![CDATA[label]]></category>
<category><![CDATA[per-line]]></category>
<category><![CDATA[specific]]></category>
<guid isPermaLink="false">http://www.componentowl.com/blog/?p=771</guid>
<description><![CDATA[How to display different label editing (embedded control) on each line in Better ListView.]]></description>
<content:encoded><![CDATA[<p>Embedded controls for label edit in Better ListView can be customized not only for every column, but even for every row.</p>
<p>This is not a new feature, but would be nice to mention that you can possibly have a different custom editing control for every cell&#8230;</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private IBetterListViewEmbeddedControl ListViewRequestEmbeddedControl(object sender, BetterListViewRequestEmbeddedControlEventArgs eventArgs)<br />
{<br />
// show editing controls in the second column<br />
if (eventArgs.SubItem.Index == 1)<br />
{<br />
// show my custom control on the first row<br />
if (eventArgs.SubItem.Item.Index == 0)<br />
{<br />
return (new DocumentAccessConrol());<br />
}</p>
<p> // show my custom control on the second row<br />
if (eventArgs.SubItem.Item.Index == 1)<br />
{<br />
return (new BetterListViewComboBoxEmbeddedControl());<br />
}</p>
<p> // show my custom control on the third row<br />
if (eventArgs.SubItem.Item.Index == 2)<br />
{<br />
return (new BetterListViewTextBoxEmbeddedControl());<br />
}<br />
}</p>
<p> return null;<br />
}<br />
[/csharp]</p>
<p>&nbsp;</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Private Function ListViewRequestEmbeddedControl(ByVal sender As Object, ByVal eventArgs As BetterListViewRequestEmbeddedControlEventArgs) _<br />
As IBetterListViewEmbeddedControl</p>
<p> &#8216; show editing controls in the second column<br />
If eventArgs.SubItem.Index = 1 Then</p>
<p> &#8216; show my custom control on the first row<br />
If eventArgs.SubItem.Item.Index = 0 Then<br />
Return (New DocumentAccessConrol())<br />
End If</p>
<p> &#8216; show my custom control on the second row<br />
If eventArgs.SubItem.Item.Index = 1 Then<br />
Return (New BetterListViewComboBoxEmbeddedControl())<br />
End If</p>
<p> &#8216; show my custom control on the third row<br />
If eventArgs.SubItem.Item.Index = 2 Then<br />
Return (New BetterListViewTextBoxEmbeddedControl())<br />
End If</p>
<p> End If</p>
<p> Return Nothing</p>
<p>End Function<br />
[/vb]</p>
<p>&nbsp;</p>
<p>And there is the result:</p>
<div id="attachment_772" style="width: 315px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/04/blv-embedded-1.png"><img class="size-full wp-image-772" title="Custom Embedded Control on the First Line" src="../../../wp-content/uploads/2012/04/blv-embedded-1.png" alt="Custom Embedded Control on the First Line" width="305" height="139" srcset="../../../wp-content/uploads/2012/04/blv-embedded-1.png 305w, ../../../wp-content/uploads/2012/04/blv-embedded-1-300x136.png 300w" sizes="(max-width: 305px) 100vw, 305px" /></a><p class="wp-caption-text">Custom Embedded Control on the First Line</p></div>
<p>&nbsp;</p>
<div id="attachment_773" style="width: 301px" class="wp-caption aligncenter"><a href="../../../wp-content/uploads/2012/04/blv-embedded-2.png"><img class="size-full wp-image-773" title="TextBox Control on the Third Line" src="../../../wp-content/uploads/2012/04/blv-embedded-2.png" alt="TextBox Control on the Third Line" width="291" height="94" /></a><p class="wp-caption-text">TextBox Control on the Third Line</p></div>
]]></content:encoded>
<wfw:commentRss>http://www.componentowl.com/blog/customize-label-editing-embedded-control-for-each-line-in-better-listview/feed/</wfw:commentRss>
<slash:comments>2</slash:comments>
</item>
</channel>
</rss>
<!--
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:42:34 by W3 Total Cache
-->

View File

@@ -0,0 +1,212 @@
<!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>controls &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; controls Tag Feed" href="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="archive tag tag-controls tag-248">
<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>
<h2 class="pagetitle">Posts Tagged &#8216;controls&#8217;</h2>
<ul style="line-height: 1.5em">
<li><a href="../../index.html%3Fp=771.html" rel="bookmark" title="Permanent Link to Customize Label Editing (Embedded) Control for Each Line in Better ListView">Customize Label Editing (Embedded) Control for Each Line in Better ListView</a></li>
</ul>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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:39:29 by W3 Total Cache
-->

Some files were not shown because too many files have changed in this diff Show More