Fix all QA audit findings: output format, 404 page, broken images, blog redirects
This commit is contained in:
Jarvis Prime
284
src/data/blog/activation-issues-and-how-to-solve-them/index.html
Normal file
284
src/data/blog/activation-issues-and-how-to-solve-them/index.html
Normal file
@@ -0,0 +1,284 @@
|
||||
<!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>Activation issues and how to solve them « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Activation issues and how to solve them Comments Feed" href="activation-issues-and-how-to-solve-them/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='The Three Main Advantages Better ListView has Over the Classic .NET Framework' href='index.html%3Fp=921.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=927.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=927.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Factivation-issues-and-how-to-solve-them%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Factivation-issues-and-how-to-solve-them%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-927 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-927 post type-post status-publish format-standard hentry category-better-listview category-components" id="post-927">
|
||||
<h2>Activation issues and how to solve them</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Brian Galura published on Wednesday, 01 March 2017 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/components/index.html" rel="category tag">Components</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>Dear Readers,<br />
|
||||
Periodically we get emails from users having problems with the activation. So we put together a check list on how to deal with the most frequent issues. In case these fixes do not help you solve your problem, please contact contact support at <a href="mailto:support@componentowl.com">support@componentowl.com</a> and we will be happy to help you out.<br />
|
||||
Below, you will find some obstacles we have stumbled across in the past.</p>
|
||||
<ol>
|
||||
<li>Try to <strong>rebuild</strong> the project/solution</li>
|
||||
<li><strong>Restart</strong> Visual Studio if rebuilding the solution did not stop the nag screen</li>
|
||||
<li>If you use Better ListView in a Class Library project, it should be referenced and activated in both, the main project and the Class Library project.</li>
|
||||
<li>Do the main project (executable) and all referenced projects contain the <strong>licenses.licx</strong> file within the Properties folder? If not, rebuild the main project (executable) and copy the licenses.licx file to the appropriate location in all referenced projects (Class Library or other executables).</li>
|
||||
<li>The licenses.licx file should contain only a <strong>single reference</strong> to Better ListView with the current version number (e.g. ComponentOwl.BetterListView.BetterListView, BetterListView, Version=3.7.2.0, Culture=neutral, PublicKeyToken=e6c91a3add447be2). If there are more lines referencing Better ListView, remove the obsolete ones. You can also delete the licenses.licx file and rebuild the project to regenerate it.</li>
|
||||
<li>Run the <strong>Activator</strong> application (installed along with the product) and check if it displays a valid license (license info should be displayed in green).</li>
|
||||
<li>You can try to finish the activation via the <strong>Activator app</strong> and then rebuild the main project. The Activator allows custom proxy settings for activation from behind a web proxy (often present in corporate environments).</li>
|
||||
<li>Check, if the <strong>license-blv.dat</strong> file is present in the “C:\ProgramData\Component Owl\” folder after activation. If not, please contact support at support@componentowl.com</li>
|
||||
<li>Check, if your projects reference the <strong>same version</strong> of Better ListView as the one that is installed. Open the „Reference Properties“ window by right clicking on Better ListView reference in the Solution Explorer. Then check if there is a Specific Version property set to true. If so, remove the reference and add a new reference to Better ListView with the correct version. You can also just set Specific Version property to false.</li>
|
||||
<li>The Better ListView has to be activated on each machine where it is built. Do not copy the license-blv.dat file because this is <strong>specific</strong> to each machine. Rather follow the activation process on each machine.</li>
|
||||
</ol>
|
||||
<p>We hope these clues can help you, in case you encounter a problem during the activation. As mentioned before, please contact support, if the issues persist.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags"> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=927.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='927' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="12c44da528" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="244"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:37:24 by W3 Total Cache
|
||||
-->
|
||||
282
src/data/blog/alternating-rows-in-better-listview/index.html
Normal file
282
src/data/blog/alternating-rows-in-better-listview/index.html
Normal file
@@ -0,0 +1,282 @@
|
||||
<!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 Rows in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Alternating Rows in Better ListView Comments Feed" href="alternating-rows-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Search Filtering in Better ListView' href='index.html%3Fp=882.html' />
|
||||
<link rel='next' title='How to Add Grid Lines in Empty Space in Better ListView' href='index.html%3Fp=894.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=888.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=888.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Falternating-rows-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Falternating-rows-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-888 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-888 post type-post status-publish format-standard hentry category-better-listview category-tutorials tag-alternating tag-better-listview-2 tag-colored tag-colors tag-even tag-odd tag-rows" id="post-888">
|
||||
<h2>Alternating Rows in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Tuesday, 22 April 2014 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<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> </p>
|
||||
<p>[csharp gutter=”false” toolbar=”false”]<br />
|
||||
private void ListViewOnDrawItemBackground(object sender, BetterListViewDrawItemBackgroundEventArgs eventArgs)<br />
|
||||
{<br />
|
||||
if ((eventArgs.Item.Index & 1) == 1)<br />
|
||||
{<br />
|
||||
eventArgs.Graphics.FillRectangle(Brushes.AliceBlue, eventArgs.ItemBounds.BoundsOuter);<br />
|
||||
}<br />
|
||||
}<br />
|
||||
[/csharp]</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/alternating/index.html" rel="tag">alternating</a>, <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/colored/index.html" rel="tag">colored</a>, <a href="tag/colors/index.html" rel="tag">colors</a>, <a href="tag/even/index.html" rel="tag">even</a>, <a href="tag/odd/index.html" rel="tag">odd</a>, <a href="tag/rows/index.html" rel="tag">rows</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=888.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='888' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="996891a7aa" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="104"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:38:48 by W3 Total Cache
|
||||
-->
|
||||
1187
src/data/blog/are-you-a-zen-coder-or-distraction-junkie/index.html
Normal file
1187
src/data/blog/are-you-a-zen-coder-or-distraction-junkie/index.html
Normal file
File diff suppressed because it is too large
Load Diff
284
src/data/blog/better-listview-150-released/index.html
Normal file
284
src/data/blog/better-listview-150-released/index.html
Normal file
@@ -0,0 +1,284 @@
|
||||
<!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 1.50 released « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Better ListView 1.50 released Comments Feed" href="better-listview-1-50-released/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Displaying Thumbnails with Borders and Shadows' href='2011/02/displaying-thumbnails-withs-borders-and-shadows/index.html' />
|
||||
<link rel='next' title='What we are working on: Groups, Item hierarchy support' href='index.html%3Fp=129.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=119.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=119.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-1-50-released%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-1-50-released%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-119 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-119 post type-post status-publish format-standard hentry category-announcements" id="post-119">
|
||||
<h2>Better ListView 1.50 released</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Brian Galura published on Monday, 14 February 2011 in <a href="category/announcements/index.html" rel="category tag">Announcements</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>We are happy to announce that we’ve released new version (1.50) of Better ListView.</p>
|
||||
<p>You can just <strong><a href="../download/better-listview.html">Download Better ListView</a></strong> and install it over your current installation.</p>
|
||||
<p>The changes include:</p>
|
||||
<ul>
|
||||
<li>New samples and new samples launcher!</li>
|
||||
<li>Added <a href="2011/02/displaying-thumbnails-withs-borders-and-shadows/index.html">Thumbnails view</a></li>
|
||||
<li>Added support for <a href="2011/02/displaying-thumbnails-withs-borders-and-shadows/index.html">image borders</a></li>
|
||||
<li>Extended owner-drawing capabilities</li>
|
||||
<li>Extended label editing capabilities</li>
|
||||
<li>Changed type of BetterListViewDrawColumnHeaderBackgroundEventArgs.ColumnHeaderBounds from Rectangle to BetterListViewColumnHeaderBounds (more options available)</li>
|
||||
<li>Fixed behaviour of layouts in special cases</li>
|
||||
<li>Fixed SelectedIndexChanged event raising before Better ListView state has changed</li>
|
||||
<li>Fixed light borders of downsampled images</li>
|
||||
<li>Fixed redraw bug when calling some of the RemoveRange() overrides</li>
|
||||
</ol>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags"> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=119.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='119' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="a981fb912b" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="38"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:41:22 by W3 Total Cache
|
||||
-->
|
||||
273
src/data/blog/better-listview-152-released/index.html
Normal file
273
src/data/blog/better-listview-152-released/index.html
Normal file
@@ -0,0 +1,273 @@
|
||||
<!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 1.52 released « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Better ListView 1.52 released Comments Feed" href="better-listview-1-52-released/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Work in Progress: “Groups” / “Item Hierarchy” Features' href='index.html%3Fp=204.html' />
|
||||
<link rel='next' title='Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more)' href='index.html%3Fp=232.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=213.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=213.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-1-52-released%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-1-52-released%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-213 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-213 post type-post status-publish format-standard hentry category-announcements category-better-listview tag-1-52 tag-better-listview-2 tag-changelog tag-new-release tag-whats-new" id="post-213">
|
||||
<h2>Better ListView 1.52 released</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Brian Galura published on Tuesday, 29 March 2011 in <a href="category/announcements/index.html" rel="category tag">Announcements</a>, <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>Another minor release with many fixes and some new features.</p>
|
||||
<p>See <strong><a href="../better-listview/releases%3Fsince=1.52.html">what’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="2011/02/what-we-are-working-on-groups-item-hierarchy-support/index.html">here</a></strong>. These new features are near completion.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/1-52/index.html" rel="tag">1.52</a>, <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/changelog/index.html" rel="tag">changelog</a>, <a href="tag/new-release/index.html" rel="tag">new release</a>, <a href="tag/whats-new/index.html" rel="tag">what's new</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=213.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='213' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="b51f24825a" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="45"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:28 by W3 Total Cache
|
||||
-->
|
||||
276
src/data/blog/better-listview-20-samples-launcher/index.html
Normal file
276
src/data/blog/better-listview-20-samples-launcher/index.html
Normal file
@@ -0,0 +1,276 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
|
||||
|
||||
<head profile="http://gmpg.org/xfn/11">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<meta name="blogcatalog" content="9BC9953358" />
|
||||
<title>Better ListView 2.0 Samples Launcher « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Better ListView 2.0 Samples Launcher Comments Feed" href="better-listview-2-0-samples-preview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='List-View Drag and Drop Item Reorder (Sort)' href='index.html%3Fp=260.html' />
|
||||
<link rel='next' title='Windows Theme Support in Better ListView' href='2011/07/windows-theme-support-in-better-listview/index.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=278.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=278.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-2-0-samples-preview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-2-0-samples-preview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-278 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-278 post type-post status-publish format-standard hentry category-better-listview" id="post-278">
|
||||
<h2>Better ListView 2.0 Samples Launcher</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Monday, 13 June 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>We have finished all the major features of Better ListView 2.0 (<strong>groups, item hierarchy, multi-line items</strong>) and now we are soaked in tedious work of updating samples and documentation.</p>
|
||||
<p>Here is a preview of the new samples launcher:</p>
|
||||
<div id="attachment_279" style="width: 310px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/06/blv-thumbnails.jpg"><img class="size-medium wp-image-279" title="blv-samples" src="wp-content/uploads/2011/06/blv-thumbnails-300x242.jpg" alt="Better ListView 2.0 Samples Launcher" width="300" height="242" srcset="wp-content/uploads/2011/06/blv-thumbnails-300x242.jpg 300w, wp-content/uploads/2011/06/blv-thumbnails.jpg 888w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">Better ListView 2.0 Samples Launcher</p></div>
|
||||
<p>We decided to put all samples in a single form for easier navigation. “Hot” features are highlighted in the tree hierarchy.</p>
|
||||
<p>You can display source code easily for each sample:</p>
|
||||
<div id="attachment_280" style="width: 310px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/06/blv-thumbnails-2.jpg"><img class="size-medium wp-image-280" title="blv-thumbnails-2" src="wp-content/uploads/2011/06/blv-thumbnails-2-300x242.jpg" alt="Better ListView 2.0 Samples Launcher" width="300" height="242" srcset="wp-content/uploads/2011/06/blv-thumbnails-2-300x242.jpg 300w, wp-content/uploads/2011/06/blv-thumbnails-2.jpg 888w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">Better ListView 2.0 Samples Launcher</p></div>
|
||||
<p>Most samples provide sidebar with basic options and property grid with <em>all</em> the Better ListView properties.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags"> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=278.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='278' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="2435754b5c" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="73"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:19 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,302 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
|
||||
|
||||
<head profile="http://gmpg.org/xfn/11">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<meta name="blogcatalog" content="9BC9953358" />
|
||||
<title>Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more) « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more) Comments Feed" href="better-listview-2-0-sneak-peek-item-hierarchy-groups-more/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Better ListView 1.52 released' href='index.html%3Fp=213.html' />
|
||||
<link rel='next' title='List-View Drag and Drop Item Reorder (Sort)' href='index.html%3Fp=260.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=232.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=232.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-2-0-sneak-peek-item-hierarchy-groups-more%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-2-0-sneak-peek-item-hierarchy-groups-more%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-232 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-232 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-child-items-in-listview tag-coming-soon tag-features tag-groups tag-item-hierarchy tag-listview-tree tag-preview tag-tree-structure-in-listview" id="post-232">
|
||||
<h2>Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more)</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Tuesday, 03 May 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<div id="attachment_233" style="width: 504px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/05/cowl-blog-1.png"><img class="size-full wp-image-233" title="cowl-blog-1" src="wp-content/uploads/2011/05/cowl-blog-1.png" alt="Hierarchical items in two groups" width="494" height="291" srcset="wp-content/uploads/2011/05/cowl-blog-1.png 494w, wp-content/uploads/2011/05/cowl-blog-1-300x176.png 300w" sizes="(max-width: 494px) 100vw, 494px" /></a><p class="wp-caption-text">Hierarchical items in two groups</p></div>
|
||||
<p>We are currently working hard on finishing Better ListView version 2.0 which will add new features: Support for <strong>groups</strong>, <strong>tree-like item structure</strong> (tree nodes are collapsible, as expected), and <strong>multi-line items</strong>.</p>
|
||||
<p>We expect to release this upgrade in about a month. <strong>It will be a free upgrade for current and new users</strong>.</p>
|
||||
<h1>Groups</h1>
|
||||
<p>Groups in Better ListView have comparable capabilities as other Better ListView elements (column headers, items, sub-items). For example, you can adjust the foreground/background colors, font, image – 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’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> – Every element part (e.g. item check box, group image…) 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> – Items, group headers and even sub-items can be keyfocused. User can now invoke label editing or scroll to any “cell” in the Details-with-columns view solely with keyboard.</p>
|
||||
<p><strong>IEnumerable implementations</strong> – <em>BetterListView</em>, <em>BetterListViewGroup</em> and <em>BetterListViewItem</em> implements <em>IEnumerable</em> interface for iterating through the whole item hierarchy, so using recursion to traverse child items is not necessary.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/child-items-in-listview/index.html" rel="tag">child items in listview</a>, <a href="tag/coming-soon/index.html" rel="tag">coming soon</a>, <a href="tag/features/index.html" rel="tag">features</a>, <a href="tag/groups/index.html" rel="tag">groups</a>, <a href="tag/item-hierarchy/index.html" rel="tag">item hierarchy</a>, <a href="tag/listview-tree/index.html" rel="tag">listview tree</a>, <a href="tag/preview/index.html" rel="tag">preview</a>, <a href="tag/tree-structure-in-listview/index.html" rel="tag">tree structure in listview</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=232.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='232' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="243b336ac2" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="8"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:25 by W3 Total Cache
|
||||
-->
|
||||
304
src/data/blog/better-listview-200-released/index.html
Normal file
304
src/data/blog/better-listview-200-released/index.html
Normal file
@@ -0,0 +1,304 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
|
||||
|
||||
<head profile="http://gmpg.org/xfn/11">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<meta name="blogcatalog" content="9BC9953358" />
|
||||
<title>Better ListView 2.00 released « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Better ListView 2.00 released Comments Feed" href="better-listview-2-00-released/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Windows Theme Support in Better ListView' href='2011/07/windows-theme-support-in-better-listview/index.html' />
|
||||
<link rel='next' title='How to Hide a Column in Better ListView' href='index.html%3Fp=330.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=304.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=304.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-2-00-released%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-2-00-released%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-304 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-304 post type-post status-publish format-standard hentry category-announcements tag-2-00 tag-better tag-better-listview-2 tag-bound tag-child-items-in-listview tag-data tag-databinding tag-groups tag-hierarchy tag-item-hierarchy tag-listview tag-multi-line tag-multiline tag-nodes tag-tree tag-treeview" id="post-304">
|
||||
<h2>Better ListView 2.00 released</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Sunday, 31 July 2011 in <a href="category/announcements/index.html" rel="category tag">Announcements</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<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’s new:</h1>
|
||||
<p>We have added four new major features:</p>
|
||||
<ul>
|
||||
<li><strong>Groups</strong> – items can be organized in collapsible groups</li>
|
||||
<li><strong>Item Hierarchy</strong> – 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> – item texts can break in several lines and each item can have different size</li>
|
||||
<li><strong>Data Binding</strong> – 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 – 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="../better-listview/releases%3Fsince=2.000.html">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 – new comics for developers!</h1>
|
||||
<p>We’ve also started publishing <strong><a href="../comics/4.html">new webcomics for developers</a></strong> on our website, drawn by the Better ListView lead developer, Libor Tinka.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/2-00/index.html" rel="tag">2.00</a>, <a href="tag/better/index.html" rel="tag">better</a>, <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/bound/index.html" rel="tag">bound</a>, <a href="tag/child-items-in-listview/index.html" rel="tag">child items in listview</a>, <a href="tag/data/index.html" rel="tag">data</a>, <a href="tag/databinding/index.html" rel="tag">databinding</a>, <a href="tag/groups/index.html" rel="tag">groups</a>, <a href="tag/hierarchy/index.html" rel="tag">hierarchy</a>, <a href="tag/item-hierarchy/index.html" rel="tag">item hierarchy</a>, <a href="tag/listview/index.html" rel="tag">listview</a>, <a href="tag/multi-line/index.html" rel="tag">multi-line</a>, <a href="tag/multiline/index.html" rel="tag">multiline</a>, <a href="tag/nodes/index.html" rel="tag">nodes</a>, <a href="tag/tree/index.html" rel="tag">tree</a>, <a href="tag/treeview/index.html" rel="tag">treeview</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=304.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='304' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="b74b318ece" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="37"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:41:17 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,302 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
|
||||
|
||||
<head profile="http://gmpg.org/xfn/11">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<meta name="blogcatalog" content="9BC9953358" />
|
||||
<title>Better ListView 2.1: Optimizations Done, Minor Features and Testing « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Better ListView 2.1: Optimizations Done, Minor Features and Testing Comments Feed" href="better-listview-2-1-optimizations-done-minor-features-and-testing/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Coming soon: Better ListView 2.1 Optimized for Performance' href='index.html%3Fp=348.html' />
|
||||
<link rel='next' title='Better ListView 2.10 released' href='index.html%3Fp=373.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=359.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=359.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-2-1-optimizations-done-minor-features-and-testing%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-2-1-optimizations-done-minor-features-and-testing%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-359 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-359 post type-post status-publish format-standard hentry category-better-listview" id="post-359">
|
||||
<h2>Better ListView 2.1: Optimizations Done, Minor Features and Testing</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Friday, 30 September 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>We’ve managed to improve performance of <strong>Better ListView 2.1</strong> significantly. There are some raw results for Better ListView filled with 10 000 items, each with 10 sub-items:</p>
|
||||
<table style="width: 75%; text-align: center;" border="1" cellspacing="0" cellpadding="2" align="center">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Better ListView 2.0</td>
|
||||
<td>Better ListView 2.1</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>load 10K items</td>
|
||||
<td>3.5 s</td>
|
||||
<td>0.8 s</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>item expand/collapse</td>
|
||||
<td>2 s</td>
|
||||
<td>0.04 s</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>Some other expensive operations (e.g. column-resizing) can now be done smoothly even for a very large number of items.</p>
|
||||
<p>We will come with detailed analysis on release of the version 2.1.</p>
|
||||
<p>To our excitement, it is now even faster than <strong>Visual Studio Error List</strong>, which uses a kind of ListView control with multi-line items:</p>
|
||||
<div id="attachment_360" style="width: 495px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/09/vs-error-list.png"><img class="size-full wp-image-360" title="Visual Studio Error List" src="wp-content/uploads/2011/09/vs-error-list.png" alt="vs-error-list" width="485" height="180" srcset="wp-content/uploads/2011/09/vs-error-list.png 485w, wp-content/uploads/2011/09/vs-error-list-300x111.png 300w" sizes="(max-width: 485px) 100vw, 485px" /></a><p class="wp-caption-text">Visual Studio Error List</p></div>
|
||||
<p>Some customers asked us how to do certain things they were accustomed to do in .NET ListView. We found that many users of the .NET ListView use specific constructors, methods and properties provided by accompanied classes, e.g.:</p>
|
||||
<ul>
|
||||
<li><strong>ListViewItem.ctor(string, int, ListViewGroup)</strong></li>
|
||||
<li><strong>ListViewSubItem.ResetStyle()</strong></li>
|
||||
<li><strong>CheckedListViewItemCollection.IndexOfKey(string)</strong></li>
|
||||
</ul>
|
||||
<p>Since Better ListView supports virtually all the features of original .NET ListView, we are implementing all of these members to make user’s transition from ListView to Better ListView as easy as possible.</p>
|
||||
<p>The new version will contain extended documentation with a <strong>quick start tutorial</strong> with real-world use cases (e.g. “How to set-up Drag and Drop”).</p>
|
||||
<p>Finally, we inspected the source code XML documentation with <strong>StyleCop</strong> tool to make sure everything is properly commented. We are extremely diligent about the code quality and its (re)usability which is certainly an interest of almost everyone using code of a 3rd party component.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags"> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=359.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='359' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="1cba018705" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="92"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:06 by W3 Total Cache
|
||||
-->
|
||||
291
src/data/blog/better-listview-210-released/index.html
Normal file
291
src/data/blog/better-listview-210-released/index.html
Normal file
@@ -0,0 +1,291 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
|
||||
|
||||
<head profile="http://gmpg.org/xfn/11">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<meta name="blogcatalog" content="9BC9953358" />
|
||||
<title>Better ListView 2.10 released « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Better ListView 2.10 released Comments Feed" href="better-listview-2-10-released/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Better ListView 2.1: Optimizations Done, Minor Features and Testing' href='index.html%3Fp=359.html' />
|
||||
<link rel='next' title='How to Display Items in Custom States' href='index.html%3Fp=398.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=373.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=373.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-2-10-released%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-2-10-released%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-373 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-373 post type-post status-publish format-standard hentry category-announcements category-better-listview tag-better-listview-2 tag-documentation tag-fast-listview tag-migration tag-performance tag-update tag-whats-new" id="post-373">
|
||||
<h2>Better ListView 2.10 released</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Friday, 14 October 2011 in <a href="category/announcements/index.html" rel="category tag">Announcements</a>, <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>A new version with major improvements, optimizations and fixes has been released! It addresses many suggestions provided by you, our valued customers.</p>
|
||||
<h1>Improved Performance</h1>
|
||||
<p>We put a considerable effort into optimizing Better ListView 2 to provide advanced features (e.g. hierarchical and multi-line items, collapsible groups) while still being swift and responsive.</p>
|
||||
<p>The overall performance has greatly improved. Better ListView 2.1 can easily handle 10.000 items while still being very fast. The parts where improvements are best seen are:</p>
|
||||
<div>
|
||||
<ul>
|
||||
<li>Adding many items to the list</li>
|
||||
<li>Expanding/collapsing of hierarchical items</li>
|
||||
<li>Resizing a column</li>
|
||||
</ul>
|
||||
<div>We also added new options in the <em>Performance</em> property group, so you can easily switch between fast and powerful options.</div>
|
||||
</div>
|
||||
<h1>Samples in both C# and Visual Basic</h1>
|
||||
<p>We added easy to understand samples for both C# and Visual Basic.</p>
|
||||
<p>You can simply follow a link from start menu to open the Visual Studio project for your favourite language, and play with all the features of Better ListView.</p>
|
||||
<div id="attachment_380" style="width: 487px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/10/samples-cs-vb.png"><img class="size-full wp-image-380" title="samples-cs-vb" src="wp-content/uploads/2011/10/samples-cs-vb.png" alt="C# and VB Samples projects in Solution Explorer" width="477" height="128" srcset="wp-content/uploads/2011/10/samples-cs-vb.png 477w, wp-content/uploads/2011/10/samples-cs-vb-300x80.png 300w" sizes="(max-width: 477px) 100vw, 477px" /></a><p class="wp-caption-text">C# and VB Samples projects in Solution Explorer</p></div>
|
||||
<p> </p>
|
||||
<h1>Extended Documentation</h1>
|
||||
<p>We added a <strong>Quick Start Tutorial</strong> to help you with setup, activation and integration of Better ListView in your projects, as well as <strong>many entirely new chapters</strong> in the documentation.</p>
|
||||
<p>All code samples are from now on provided in both C# and Visual Basic to be easy to understand to both C# and VB.net developers.</p>
|
||||
<h1>Smoother migration from .NET ListView to Better ListView</h1>
|
||||
<p>Better ListView now contains all the constructor/method overloads and properties of the regular .NET ListView, so that for each member of .NET ListView there is an easily discoverable equivalent in Better ListView.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/documentation/index.html" rel="tag">documentation</a>, <a href="tag/fast-listview/index.html" rel="tag">fast listview</a>, <a href="tag/migration/index.html" rel="tag">migration</a>, <a href="tag/performance/index.html" rel="tag">performance</a>, <a href="tag/update/index.html" rel="tag">update</a>, <a href="tag/whats-new/index.html" rel="tag">what's new</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=373.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='373' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="8af559eb64" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="205"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:04 by W3 Total Cache
|
||||
-->
|
||||
273
src/data/blog/better-listview-released/index.html
Normal file
273
src/data/blog/better-listview-released/index.html
Normal file
@@ -0,0 +1,273 @@
|
||||
<!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 released « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Better ListView released Comments Feed" href="better-listview-released/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='next' title='Synergy of Better ListView and Our Applications' href='index.html%3Fp=40.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=34.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=34.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-released%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-released%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-34 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-34 post type-post status-publish format-standard hentry category-announcements" id="post-34">
|
||||
<h2>Better ListView released</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Brian Galura published on Monday, 03 January 2011 in <a href="category/announcements/index.html" rel="category tag">Announcements</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>Welcome to our development blog!</p>
|
||||
<p>After a year of hard work, development and testing, we’ve finally released Better ListView.</p>
|
||||
<p>You can learn all about it (screenshots, comparison table, download) at <a href="page/6/index.html">Better ListView page</a>.</p>
|
||||
<p>This blog will feature not just posts about new releases, but also various useful .NET and programming related topics in general. We are currently busy with the product launch, but interesting posts are coming soon – definitely stay tuned!</p>
|
||||
<p>Shall you have any questions, don’t hesitate to <a href="../support.html">contact us</a>.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags"> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=34.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='34' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="271d6ed8c9" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="163"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:41:25 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,281 @@
|
||||
<!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 reviewed at DevProConnections.com « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Better ListView reviewed at DevProConnections.com Comments Feed" href="better-listview-reviewed-at-devproconnections-com/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Synergy of Better ListView and Our Applications' href='index.html%3Fp=40.html' />
|
||||
<link rel='next' title='Displaying Thumbnails with Borders and Shadows' href='2011/02/displaying-thumbnails-withs-borders-and-shadows/index.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=93.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=93.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-reviewed-at-devproconnections-com%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-reviewed-at-devproconnections-com%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-93 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-93 post type-post status-publish format-standard hentry category-announcements" id="post-93">
|
||||
<h2>Better ListView reviewed at DevProConnections.com</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Brian Galura published on Saturday, 05 February 2011 in <a href="category/announcements/index.html" rel="category tag">Announcements</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>Our component got recently reviewed by Mike Riley. The review has a very positive tone. Here are some excerpts:</p>
|
||||
<p>From the Better ListView <a href="http://www.devproconnections.com/article/product-review/Review-ComponentOwl-s-Better-ListView.aspx" target="_blank">review</a> at DevProConnections.com:</p>
|
||||
<blockquote><p><strong>In addition to creating a new ListView control to incorporate broader flexibility and functionality, Better ListView could also be called Fixed ListView</strong>, as it corrects a number of annoying problems with the standard ListView that Microsoft delivers to Visual Studio customers. For example, drag and drop and check boxes actually work they way one expects, and column headers and list sorting behave the way they do in the Windows Explorer and other native Windows OS applications. Likewise, improvements that go beyond the standard ListView, such as support for various image sizes and locations (in the column header or subitems, for example) further <strong>elevate Better ListView beyond Microsoft’s offering</strong>.</p></blockquote>
|
||||
<p>The review also states:</p>
|
||||
<blockquote><p><strong>The control is very easy and intuitive to use and is well documented</strong></p></blockquote>
|
||||
<p>The reviewer found the product obviously immensely helpful:</p>
|
||||
<blockquote><p>The enhancements I found most useful for my own projects were the automatic layout, context menus, improved drag and drop, item searching, and sorting options. Thanks to both the source code–included demos, the online documentation, and the obvious property names of the control’s “better” features, <strong>I was able to put the component to use faster than it took me to install the setup package.</strong></p></blockquote>
|
||||
<p>The only negative thing mentioned in the review was our pricing:</p>
|
||||
<blockquote><p>Although I found using the control fast and intuitive, the one aspect that is a downer is the price. Considering that this is the era of .NET component bundles that offer hundreds of components, pricing this single .NET Windows Form control at the price ComponentOwl has is too high for my tastes.</p></blockquote>
|
||||
<p>Let me elaborate on that a bit. Although there are huge component packs for .NET, not a single one of them has a list view like our Better ListView. Most of the list view controls included in “packs” are simply not as powerful, which is only logical. Developers of these packs simply can’t focus their development just on the list view control that much, as they also have other 100 controls to develop and update.</p>
|
||||
<p>However, the biggest drawback of list views that are part of a component packages is this: They usually implement their own class names and conventions, but what’s worse, their own custom look and behavior. These list view controls usually do not look and behave like native list view should. They can easily frustrate the user, right during the first few seconds of using them. I think that the first impression is important. So these controls are not easy drop-in replacements, but rather a whole different approach, which may be suited for some projects, but is IMHO inferior for standard Windows desktop applications, as compared to using controls that respect native look and behavior, like our Better ListView does.</p>
|
||||
<p>Yes, we are perfectionists.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags"> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=93.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='93' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="e52af2b8d1" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="9"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:41:24 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,366 @@
|
||||
<!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 Tip: How to Draw Custom Selection « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Better ListView Tip: How to Draw Custom Selection Comments Feed" href="better-listview-tip-how-to-draw-custom-selection/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Hiding Column Headers in Better ListView' href='index.html%3Fp=803.html' />
|
||||
<link rel='next' title='Better Thumbnail Browser Component Released' href='index.html%3Fp=823.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=808.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=808.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-tip-how-to-draw-custom-selection%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-listview-tip-how-to-draw-custom-selection%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-808 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-808 post type-post status-publish format-standard hentry category-better-listview category-tutorials tag-better-listview-2 tag-custom tag-customized tag-drawing tag-drawn tag-item tag-items tag-owner tag-ownerdrawn tag-selection" id="post-808">
|
||||
<h2>Better ListView Tip: How to Draw Custom Selection</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Wednesday, 12 September 2012 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<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> </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=”false” toolbar=”false”]<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=”false” toolbar=”false”]<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 “hot”, “focused and hot” or “hot and pressed”.</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="../support.html">contact us</a> for Custom Coding support.</p>
|
||||
<p> </p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/custom/index.html" rel="tag">custom</a>, <a href="tag/customized/index.html" rel="tag">customized</a>, <a href="tag/drawing/index.html" rel="tag">drawing</a>, <a href="tag/drawn/index.html" rel="tag">drawn</a>, <a href="tag/item/index.html" rel="tag">item</a>, <a href="tag/items/index.html" rel="tag">items</a>, <a href="tag/owner/index.html" rel="tag">owner</a>, <a href="tag/ownerdrawn/index.html" rel="tag">ownerdrawn</a>, <a href="tag/selection/index.html" rel="tag">selection</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
<h3 id="comments">2 Responses to “Better ListView Tip: How to Draw Custom Selection”</h3>
|
||||
|
||||
<ol class="commentlist">
|
||||
<li class="comment even thread-even depth-1 parent" id="comment-1285">
|
||||
<div id="div-comment-1285" class="comment-body">
|
||||
<div class="comment-author vcard">
|
||||
<img alt='' src='http://0.gravatar.com/avatar/90284c3319a28bd2b072c7f9ecea28e8?s=32&d=retro&r=g' srcset="http://0.gravatar.com/avatar/90284c3319a28bd2b072c7f9ecea28e8?s=64&d=retro&r=g 2x" class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Claudiu</cite> <span class="says">says:</span> </div>
|
||||
|
||||
<div class="comment-meta commentmetadata"><a href="index.html%3Fp=808.html#comment-1285">
|
||||
September 28, 2012 at 9:50 am</a> </div>
|
||||
|
||||
<p>Better list view is only for stupid developers and plase do not compare it with standard list view. Performance is an important think and betterlistview has no performance compared with list view. Make an loop with 100000 items for add to list and you will see ….</p>
|
||||
|
||||
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='better-listview-tip-how-to-draw-custom-selection/index.html%3Freplytocom=1285.html#respond' onclick='return addComment.moveForm( "div-comment-1285", "1285", "respond", "808" )' aria-label='Reply to Claudiu'>Reply</a></div>
|
||||
</div>
|
||||
<ul class="children">
|
||||
<li class="comment byuser comment-author-libortinka bypostauthor odd alt depth-2" id="comment-1286">
|
||||
<div id="div-comment-1286" class="comment-body">
|
||||
<div class="comment-author vcard">
|
||||
<img alt='' src='http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=32&d=retro&r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&d=retro&r=g 2x" class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Libor Tinka</cite> <span class="says">says:</span> </div>
|
||||
|
||||
<div class="comment-meta commentmetadata"><a href="index.html%3Fp=808.html#comment-1286">
|
||||
October 29, 2012 at 10:37 pm</a> </div>
|
||||
|
||||
<p>We have balanced performance with features, this is a price for having fully managed control with rich features (tree items, multi-line text). If you want something extremely fast, faster than ListView, handling 100 000 000 items like a charm … use DOS text mode! :)</p>
|
||||
<p>We have happy customers who use Better ListView in complex systems like airline ticket booking and they are very intelligent people – I don’t think they are stupid developers.</p>
|
||||
|
||||
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='better-listview-tip-how-to-draw-custom-selection/index.html%3Freplytocom=1286.html#respond' onclick='return addComment.moveForm( "div-comment-1286", "1286", "respond", "808" )' aria-label='Reply to Libor Tinka'>Reply</a></div>
|
||||
</div>
|
||||
</li><!-- #comment-## -->
|
||||
</ul><!-- .children -->
|
||||
</li><!-- #comment-## -->
|
||||
</ol>
|
||||
|
||||
<div class="navigation">
|
||||
<div class="alignleft"></div>
|
||||
<div class="alignright"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=808.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='808' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="837793b406" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="2"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:18 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,314 @@
|
||||
<!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 Thumbnail Browser Component Released « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Better Thumbnail Browser Component Released Comments Feed" href="better-thumbnail-browser-component-released/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Better ListView Tip: How to Draw Custom Selection' href='index.html%3Fp=808.html' />
|
||||
<link rel='next' title='Custom label edit: How to rename file names without extension in Better ListView' href='index.html%3Fp=831.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=823.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=823.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-thumbnail-browser-component-released%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbetter-thumbnail-browser-component-released%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-823 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-823 post type-post status-publish format-standard hentry category-announcements category-components tag-background tag-better tag-browser tag-component tag-control tag-folder tag-image tag-listview tag-load tag-loading tag-thumbnail tag-thumbnailbrowser tag-thumbnails tag-winforms" id="post-823">
|
||||
<h2>Better Thumbnail Browser Component Released</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Saturday, 01 December 2012 in <a href="category/announcements/index.html" rel="category tag">Announcements</a>, <a href="category/components/index.html" rel="category tag">Components</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p> </p>
|
||||
<p>We have released a whole new WinForms component called <a href="../better-thumbnail-browser.html">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="page/6/index.html">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> </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 “c:\images”), 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’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> </p>
|
||||
<p> </p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/background/index.html" rel="tag">background</a>, <a href="tag/better/index.html" rel="tag">better</a>, <a href="tag/browser/index.html" rel="tag">browser</a>, <a href="tag/component/index.html" rel="tag">component</a>, <a href="tag/control/index.html" rel="tag">control</a>, <a href="tag/folder/index.html" rel="tag">folder</a>, <a href="tag/image/index.html" rel="tag">image</a>, <a href="tag/listview/index.html" rel="tag">listview</a>, <a href="tag/load/index.html" rel="tag">load</a>, <a href="tag/loading/index.html" rel="tag">loading</a>, <a href="tag/thumbnail/index.html" rel="tag">thumbnail</a>, <a href="tag/thumbnailbrowser/index.html" rel="tag">thumbnailbrowser</a>, <a href="tag/thumbnails/index.html" rel="tag">thumbnails</a>, <a href="tag/winforms/index.html" rel="tag">winforms</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
<h3 id="comments">One Response to “Better Thumbnail Browser Component Released”</h3>
|
||||
|
||||
<ol class="commentlist">
|
||||
<li class="comment even thread-even depth-1" id="comment-1289">
|
||||
<div id="div-comment-1289" class="comment-body">
|
||||
<div class="comment-author vcard">
|
||||
<img alt='' src='http://2.gravatar.com/avatar/b0d32e600859b54a7269171c3e943891?s=32&d=retro&r=g' srcset="http://2.gravatar.com/avatar/b0d32e600859b54a7269171c3e943891?s=64&d=retro&r=g 2x" class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn"><a href='http://danielwong.blog.com/' rel='external nofollow' class='url'>Nathaniel Wise</a></cite> <span class="says">says:</span> </div>
|
||||
|
||||
<div class="comment-meta commentmetadata"><a href="index.html%3Fp=823.html#comment-1289">
|
||||
January 23, 2013 at 9:20 am</a> </div>
|
||||
|
||||
<p>this is one useful for the example and overviews.in my website i m not used this type of functionality but this is something good component.</p>
|
||||
|
||||
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='better-thumbnail-browser-component-released/index.html%3Freplytocom=1289.html#respond' onclick='return addComment.moveForm( "div-comment-1289", "1289", "respond", "823" )' aria-label='Reply to Nathaniel Wise'>Reply</a></div>
|
||||
</div>
|
||||
</li><!-- #comment-## -->
|
||||
</ol>
|
||||
|
||||
<div class="navigation">
|
||||
<div class="alignleft"></div>
|
||||
<div class="alignright"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=823.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='823' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="d893b0f254" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="215"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:41 by W3 Total Cache
|
||||
-->
|
||||
458
src/data/blog/binding-images-in-better-listview/index.html
Normal file
458
src/data/blog/binding-images-in-better-listview/index.html
Normal file
@@ -0,0 +1,458 @@
|
||||
<!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 Images in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Binding Images in Better ListView Comments Feed" href="binding-images-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Enabling Search Highlight in Better ListView' href='index.html%3Fp=843.html' />
|
||||
<link rel='next' title='Hot Tracking Items in Better ListView' href='index.html%3Fp=861.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=850.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=850.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbinding-images-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fbinding-images-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-850 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-850 post type-post status-publish format-standard hentry category-better-listview category-components category-tutorials tag-better-listview-2 tag-bind tag-binding tag-bound tag-data tag-databinding tag-databound tag-icon tag-icons tag-imagekey tag-imagelist tag-images" id="post-850">
|
||||
<h2>Binding Images in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Monday, 28 January 2013 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/components/index.html" rel="category tag">Components</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<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=”false” toolbar=”false”]<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=”false” toolbar=”false”]<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’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=”false” toolbar=”false”]<br />
|
||||
Server[] servers = new[]<br />
|
||||
{<br />
|
||||
new Server(“Andromeda”, 2),<br />
|
||||
new Server(“Taurus”, 1),<br />
|
||||
new Server(“Himalia”, 2),<br />
|
||||
new Server(“Nanda”, 2),<br />
|
||||
new Server(“Elara”, 0),<br />
|
||||
new Server(“Perseus”, 2),<br />
|
||||
new Server(“Titan”, 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(“status.png”));</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=”false” toolbar=”false”]<br />
|
||||
Dim servers As Server() = New () {New Server(“Andromeda”, 2), New Server(“Taurus”, 1), New Server(“Himalia”, 2), New Server(“Nanda”, 2), New Server(“Elara”, 0), New Server(“Perseus”, 2), _<br />
|
||||
New Server(“Titan”, 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(“status.png”))</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’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> </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=”false” toolbar=”false”]<br />
|
||||
…</p>
|
||||
<p>[DisplayName(“Server Name”)]<br />
|
||||
public string ServerName<br />
|
||||
{<br />
|
||||
get;<br />
|
||||
set;<br />
|
||||
}</p>
|
||||
<p>[DisplayName(“Status”)]<br />
|
||||
public int ServerStatus<br />
|
||||
{<br />
|
||||
get;<br />
|
||||
set;<br />
|
||||
}</p>
|
||||
<p>…<br />
|
||||
[/csharp]</p>
|
||||
<p><strong>Visual Basic</strong></p>
|
||||
<p>[vb gutter=”false” toolbar=”false”]<br />
|
||||
…</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>…<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=”false” toolbar=”false”]<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 = “”; // clear sub-item text</p>
|
||||
<p> return item;<br />
|
||||
}<br />
|
||||
}<br />
|
||||
[/csharp]</p>
|
||||
<p><strong>Visual Basic</strong></p>
|
||||
<p>[vb gutter=”false” toolbar=”false”]<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> ‘ create item using the base implementation<br />
|
||||
Dim item As BetterListViewItem = MyBase.DataCreateItem(currentDataManager, currentDisplayMembers, index)</p>
|
||||
<p> ‘ 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 />
|
||||
‘ bold item when server status is 0<br />
|
||||
item.IsBold = True<br />
|
||||
End If</p>
|
||||
<p> ‘ get sub-item corresponding to server status<br />
|
||||
Dim subItemStatus As BetterListViewSubItem = item.SubItems(1)</p>
|
||||
<p> subItemStatus.ImageIndex = serverStatus<br />
|
||||
‘ set image for the sub-item<br />
|
||||
subItemStatus.Text = “”<br />
|
||||
‘ 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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/bind/index.html" rel="tag">bind</a>, <a href="tag/binding/index.html" rel="tag">binding</a>, <a href="tag/bound/index.html" rel="tag">bound</a>, <a href="tag/data/index.html" rel="tag">data</a>, <a href="tag/databinding/index.html" rel="tag">databinding</a>, <a href="tag/databound/index.html" rel="tag">databound</a>, <a href="tag/icon/index.html" rel="tag">icon</a>, <a href="tag/icons/index.html" rel="tag">icons</a>, <a href="tag/imagekey/index.html" rel="tag">imagekey</a>, <a href="tag/imagelist/index.html" rel="tag">imagelist</a>, <a href="tag/images/index.html" rel="tag">images</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=850.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='850' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="db83e002d6" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="102"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:07 by W3 Total Cache
|
||||
-->
|
||||
279
src/data/blog/blv-and-internet-explorer/index.html
Normal file
279
src/data/blog/blv-and-internet-explorer/index.html
Normal file
@@ -0,0 +1,279 @@
|
||||
<!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>BLV and Internet Explorer « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » BLV and Internet Explorer Comments Feed" href="blv-and-internet-explorer/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Centering Images in Better ListView Sub-items' href='index.html%3Fp=906.html' />
|
||||
<link rel='next' title='The Three Main Advantages Better ListView has Over the Classic .NET Framework' href='index.html%3Fp=921.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=914.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=914.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fblv-and-internet-explorer%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fblv-and-internet-explorer%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-914 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-914 post type-post status-publish format-standard hentry category-better-listview category-programming" id="post-914">
|
||||
<h2>BLV and Internet Explorer</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Brian Galura published on Sunday, 13 November 2016 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/programming/index.html" rel="category tag">Programming</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>As you all know we are constantly working on improving BetterListView, but once in a while you might encounter a problem which has not found its way to our documentation yet.</p>
|
||||
<p>Today, our blog post covers an interesting case when using Internet Explorer.<br />
|
||||
When instantiating an ActiveX control written as a .NET assembly exposed via Interop you might get the following message:</p>
|
||||
<p><code>System.IO.FileNotFoundException("Could not load file or assembly 'BetterListView, Version=3.8.2.0, Culture=neutral, PublicKeyToken=xxxxxxxxxxxxxxxx' or one of its dependencies. The system cannot find the file specified.")</code></p>
|
||||
<p>The solution to this problem is a fairly simple one, quoting from an <a href="https://msdn.microsoft.com/en-us/library/tzat5yw6">MSDN article</a>:<br />
|
||||
“… you can install it in the global assembly cache so that it can be activated from any COM client. If the assembly is only going to be activated by a single application, you can place it in that application’s directory.”</p>
|
||||
<p>Concluding from this short excerpt, you are basically left you with two options:<br />
|
||||
1) You may register BetterListView in GAC if it is to be shared. But you should be careful with GAC because it allows holding multiple versions of the same assembly. You can make the installer remove any older versions from GAC during installation and add/keep just the newest one.<br />
|
||||
2) You can put your .net assembly with all third-party DLLs in one directory during installation if it is to be private.</p>
|
||||
<p>We recommend the second solution as we reckon it to be the safer one.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags"> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=914.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='914' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="6cde47354c" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="170"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:38:39 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,273 @@
|
||||
<!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>Centering Images in Better ListView Sub-items « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Centering Images in Better ListView Sub-items Comments Feed" href="centering-images-in-better-listview-sub-items/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Sub-item Check Boxes in Better ListView' href='index.html%3Fp=901.html' />
|
||||
<link rel='next' title='BLV and Internet Explorer' href='index.html%3Fp=914.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=906.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=906.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcentering-images-in-better-listview-sub-items%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcentering-images-in-better-listview-sub-items%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-906 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-906 post type-post status-publish format-standard hentry category-better-listview category-tutorials tag-align tag-better-listview-2 tag-center tag-column tag-columns tag-header tag-image tag-images tag-layout tag-sub-item tag-sub-items tag-subitem tag-subitems" id="post-906">
|
||||
<h2>Centering Images in Better ListView Sub-items</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Wednesday, 06 August 2014 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/align/index.html" rel="tag">align</a>, <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/center/index.html" rel="tag">center</a>, <a href="tag/column/index.html" rel="tag">column</a>, <a href="tag/columns/index.html" rel="tag">columns</a>, <a href="tag/header/index.html" rel="tag">header</a>, <a href="tag/image/index.html" rel="tag">image</a>, <a href="tag/images/index.html" rel="tag">images</a>, <a href="tag/layout/index.html" rel="tag">layout</a>, <a href="tag/sub-item/index.html" rel="tag">sub-item</a>, <a href="tag/sub-items/index.html" rel="tag">sub-items</a>, <a href="tag/subitem/index.html" rel="tag">subitem</a>, <a href="tag/subitems/index.html" rel="tag">subitems</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=906.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='906' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="7e6bb0038c" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="136"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:38:41 by W3 Total Cache
|
||||
-->
|
||||
276
src/data/blog/combined-items-in-better-listview/index.html
Normal file
276
src/data/blog/combined-items-in-better-listview/index.html
Normal file
@@ -0,0 +1,276 @@
|
||||
<!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 Items in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Combined Items in Better ListView Comments Feed" href="combined-items-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='How To: Dynamically Resize Focused Item' href='index.html%3Fp=468.html' />
|
||||
<link rel='next' title='Custom Behavior of Group Headers in Better ListView' href='index.html%3Fp=480.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=478.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=478.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcombined-items-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcombined-items-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-478 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-478 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-combined tag-dropdown tag-items tag-non-selectable tag-nonselectable" id="post-478">
|
||||
<h2>Combined Items in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Thursday, 05 January 2012 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/combined/index.html" rel="tag">combined</a>, <a href="tag/dropdown/index.html" rel="tag">dropdown</a>, <a href="tag/items/index.html" rel="tag">items</a>, <a href="tag/non-selectable/index.html" rel="tag">non-selectable</a>, <a href="tag/nonselectable/index.html" rel="tag">nonselectable</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=478.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='478' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="73d2548744" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="63"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:50 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,279 @@
|
||||
<!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: Better ListView 2.1 Optimized for Performance « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Coming soon: Better ListView 2.1 Optimized for Performance Comments Feed" href="coming-soon-better-listview-2-1-optimized-for-performance/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='File Explorer with Better ListView' href='index.html%3Fp=340.html' />
|
||||
<link rel='next' title='Better ListView 2.1: Optimizations Done, Minor Features and Testing' href='index.html%3Fp=359.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=348.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=348.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcoming-soon-better-listview-2-1-optimized-for-performance%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcoming-soon-better-listview-2-1-optimized-for-performance%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-348 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-348 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-coming-soon tag-fast tag-faster tag-listview tag-optimization tag-performance tag-progress tag-working-on" id="post-348">
|
||||
<h2>Coming soon: Better ListView 2.1 Optimized for Performance</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Monday, 05 September 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p><strong><a href="page/6/index.html">Better ListView 2</a></strong> comes with many hot features, like <a href="2011/05/better-listview-2-0-sneak-peek-item-hierarchy-groups-more/index.html">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’t currently appear in your Visual Studio toolbox automatically, you can just right-click the toolbox window, and use “Choose Items” 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 “types” of items – 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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/coming-soon/index.html" rel="tag">coming soon</a>, <a href="tag/fast/index.html" rel="tag">fast</a>, <a href="tag/faster/index.html" rel="tag">faster</a>, <a href="tag/listview/index.html" rel="tag">listview</a>, <a href="tag/optimization/index.html" rel="tag">optimization</a>, <a href="tag/performance/index.html" rel="tag">performance</a>, <a href="tag/progress/index.html" rel="tag">progress</a>, <a href="tag/working-on/index.html" rel="tag">working on</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=348.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='348' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="84248c949b" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="122"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:08 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,304 @@
|
||||
<!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>Custom Behavior of Group Headers in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Custom Behavior of Group Headers in Better ListView Comments Feed" href="custom-behavior-of-group-headers-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Combined Items in Better ListView' href='index.html%3Fp=478.html' />
|
||||
<link rel='next' title='Non-selectable Items in Better ListView' href='index.html%3Fp=476.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=480.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=480.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcustom-behavior-of-group-headers-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcustom-behavior-of-group-headers-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-480 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-480 post type-post status-publish format-standard hentry category-better-listview tag-behavior tag-better-listview-2 tag-custom tag-customize-groups-in-listview tag-customize-list-view-group-headers tag-default tag-group tag-group-header tag-header tag-hide tag-hot tag-list-view-group-headers" id="post-480">
|
||||
<h2>Custom Behavior of Group Headers in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Friday, 20 January 2012 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>When developing our desktop applications, me and Jiri needed to adjust behavior of group headers in the <a href="page/6/index.html">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 “Default” 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=”false” toolbar=”false”]listView.GroupHeaderBehavior = (BetterListViewGroupHeaderBehavior.KeyboardFocus & BetterListViewGroupHeaderBehavior.MouseFocus);[/csharp]</p>
|
||||
<p><strong>Visual Basic</strong></p>
|
||||
<p>[vb gutter=”false” toolbar=”false”]listView.GroupHeaderBehavior = (BetterListViewGroupHeaderBehavior.KeyboardFocus And BetterListViewGroupHeaderBehavior.MouseFocus)[/vb]</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/behavior/index.html" rel="tag">behavior</a>, <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/custom/index.html" rel="tag">custom</a>, <a href="tag/customize-groups-in-listview/index.html" rel="tag">customize groups in listview</a>, <a href="tag/customize-list-view-group-headers/index.html" rel="tag">customize list view group headers</a>, <a href="tag/default/index.html" rel="tag">default</a>, <a href="tag/group/index.html" rel="tag">group</a>, <a href="tag/group-header/index.html" rel="tag">group header</a>, <a href="tag/header/index.html" rel="tag">header</a>, <a href="tag/hide/index.html" rel="tag">hide</a>, <a href="tag/hot/index.html" rel="tag">hot</a>, <a href="tag/list-view-group-headers/index.html" rel="tag">list view group headers</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=480.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='480' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="f9497c6464" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="45"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:46 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,276 @@
|
||||
<!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>Custom Item Height in Details View of Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Custom Item Height in Details View of Better ListView Comments Feed" href="custom-item-height-in-details-view-of-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Custom Spacing between Items in Details View' href='index.html%3Fp=753.html' />
|
||||
<link rel='next' title='Customize Label Editing (Embedded) Control for Each Line in Better ListView' href='index.html%3Fp=771.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=760.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=760.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcustom-item-height-in-details-view-of-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcustom-item-height-in-details-view-of-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-760 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-760 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-custom tag-height tag-item-height tag-item-height-in-list-view tag-items tag-size tag-space tag-variable" id="post-760">
|
||||
<h2>Custom Item Height in Details View of Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Wednesday, 21 March 2012 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p><a href="page/6/index.html">Better ListView 2.7.0.0</a> now supports items of arbitrary height in <em>Details</em> view:</p>
|
||||
<div id="attachment_761" style="width: 198px" class="wp-caption aligncenter"><a href="wp-content/uploads/2012/03/blv-customheight.png"><img class="size-full wp-image-761" title="blv-customheight" src="wp-content/uploads/2012/03/blv-customheight.png" alt="Items with custom height" width="188" height="182" /></a><p class="wp-caption-text">Items with custom height</p></div>
|
||||
<p>Items with variable heights <a href="2011/12/how-to-dynamically-resize-focused-item/index.html">were possible</a> in recent versions of Better ListView as well, but this adjustment was limited to heights which are multiples of text line height.</p>
|
||||
<p>We have introduced a <strong>BetterListViewItem.CustomHeight</strong> property, which is <strong>0</strong> by default.</p>
|
||||
<p>Every item has some minimum size (defined by the font and image) but it can get arbitrarily larger. The following formula explains how item height is measured in Better ListView:</p>
|
||||
<p style="text-align: center;"><em>height = max(minimum height, image height, text height, custom height)</em></p>
|
||||
<p style="text-align: left;">Setting minimum height for all items is possible through layout properties and the latter is defined by the item itself.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/custom/index.html" rel="tag">custom</a>, <a href="tag/height/index.html" rel="tag">height</a>, <a href="tag/item-height/index.html" rel="tag">item height</a>, <a href="tag/item-height-in-list-view/index.html" rel="tag">item height in list-view</a>, <a href="tag/items/index.html" rel="tag">items</a>, <a href="tag/size/index.html" rel="tag">size</a>, <a href="tag/space/index.html" rel="tag">space</a>, <a href="tag/variable/index.html" rel="tag">variable</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=760.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='760' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="f2837e2fff" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="24"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:31 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,316 @@
|
||||
<!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>Custom label edit: How to rename file names without extension in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Custom label edit: How to rename file names without extension in Better ListView Comments Feed" href="custom-label-edit-how-to-rename-file-names-without-extension-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Better Thumbnail Browser Component Released' href='index.html%3Fp=823.html' />
|
||||
<link rel='next' title='Enabling Search Highlight in Better ListView' href='index.html%3Fp=843.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=831.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=831.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcustom-label-edit-how-to-rename-file-names-without-extension-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcustom-label-edit-how-to-rename-file-names-without-extension-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-831 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-831 post type-post status-publish format-standard hentry category-better-listview category-components category-tutorials tag-better tag-better-listview-2 tag-custom tag-edit tag-explorer tag-extension tag-extensions tag-file tag-filename tag-files tag-items tag-label tag-labeledit tag-listview tag-rename" id="post-831">
|
||||
<h2>Custom label edit: How to rename file names without extension in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Thursday, 20 December 2012 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/components/index.html" rel="category tag">Components</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<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’s suppose you want to display files with extensions in <a href="page/6/index.html">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=”false” toolbar=”false”]<br />
|
||||
betterListView.LabelEdit = true;</p>
|
||||
<p>betterListView.BeforeLabelEdit += BetterListViewBeforeLabelEdit;<br />
|
||||
betterListView.AfterLabelEditCancel += BetterListViewAfterLabelEditCancel;</p>
|
||||
<p>…</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=”false” toolbar=”false”]<br />
|
||||
BetterListView.LabelEdit = True</p>
|
||||
<p>AddHandler Me.betterListView.BeforeLabelEdit, AddressOf BetterListViewBeforeLabelEdit<br />
|
||||
AddHandler Me.betterListView.AfterLabelEditCancel, AddressOf BetterListViewAfterLabelEditCancel</p>
|
||||
<p>…</p>
|
||||
<p>Private Sub BetterListViewBeforeLabelEdit(sender As Object, eventArgs As BetterListViewLabelEditCancelEventArgs)<br />
|
||||
Dim labelOriginal As String = eventArgs.Label</p>
|
||||
<p> ‘ 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> ‘ 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="page/6/index.html">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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better/index.html" rel="tag">better</a>, <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/custom/index.html" rel="tag">custom</a>, <a href="tag/edit/index.html" rel="tag">edit</a>, <a href="tag/explorer/index.html" rel="tag">explorer</a>, <a href="tag/extension/index.html" rel="tag">extension</a>, <a href="tag/extensions/index.html" rel="tag">extensions</a>, <a href="tag/file/index.html" rel="tag">file</a>, <a href="tag/filename/index.html" rel="tag">filename</a>, <a href="tag/files/index.html" rel="tag">files</a>, <a href="tag/items/index.html" rel="tag">items</a>, <a href="tag/label/index.html" rel="tag">label</a>, <a href="tag/labeledit/index.html" rel="tag">labeledit</a>, <a href="tag/listview/index.html" rel="tag">listview</a>, <a href="tag/rename/index.html" rel="tag">rename</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=831.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='831' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="7536d0e164" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="75"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:14 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,344 @@
|
||||
<!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>Custom Scroll Bar Size in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Custom Scroll Bar Size in Better ListView Comments Feed" href="custom-scroll-bar-size-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='How to Make Items Fading on Edges in Better ListView' href='index.html%3Fp=868.html' />
|
||||
<link rel='next' title='Search Filtering in Better ListView' href='index.html%3Fp=882.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=878.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=878.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcustom-scroll-bar-size-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcustom-scroll-bar-size-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-878 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-878 post type-post status-publish format-standard hentry category-better-listview category-components category-tutorials tag-bars tag-better-listview-2 tag-custom tag-height tag-large tag-larger tag-scroll tag-scrollbar tag-scrollbars tag-size tag-sizes tag-width" id="post-878">
|
||||
<h2>Custom Scroll Bar Size in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Tuesday, 19 March 2013 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/components/index.html" rel="category tag">Components</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<div id="attachment_879" style="width: 319px" class="wp-caption aligncenter"><a href="wp-content/uploads/2013/03/blv-scroll-size.png"><img class="size-full wp-image-879" title="Better ListView custom scroll bar size" src="wp-content/uploads/2013/03/blv-scroll-size.png" alt="Better ListView custom scroll bar size" width="309" height="208" /></a><p class="wp-caption-text">Better ListView custom scroll bar size</p></div>
|
||||
<p><a href="../betterlistview.exe">Better ListView 3.7.0</a> contains two new properties that allow you to set custom horizontal and vertical scroll bar sizes:</p>
|
||||
<ul>
|
||||
<li><strong>HScrollBarWidth</strong></li>
|
||||
<li><strong>VScrollBarHeight</strong></li>
|
||||
</ul>
|
||||
<p>Of course, you can set these custom sizes in design-time as well as in run-time.</p>
|
||||
<p>Larger scroll bars are practical on modern touch-enabled devices with high resolution screens. The default scroll bar size (17 pixels) may be too small and you may want to make it just large enough for your index finger.</p>
|
||||
<p>This features works in both <a href="page/6/index.html">Better ListView</a> and <a href="../better-listview-express.html">Better ListView Express</a>.</p>
|
||||
<p> </p>
|
||||
<p> </p>
|
||||
<p> </p>
|
||||
<p> </p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/bars/index.html" rel="tag">bars</a>, <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/custom/index.html" rel="tag">custom</a>, <a href="tag/height/index.html" rel="tag">height</a>, <a href="tag/large/index.html" rel="tag">large</a>, <a href="tag/larger/index.html" rel="tag">larger</a>, <a href="tag/scroll/index.html" rel="tag">scroll</a>, <a href="tag/scrollbar/index.html" rel="tag">scrollbar</a>, <a href="tag/scrollbars/index.html" rel="tag">scrollbars</a>, <a href="tag/size/index.html" rel="tag">size</a>, <a href="tag/sizes/index.html" rel="tag">sizes</a>, <a href="tag/width/index.html" rel="tag">width</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
<h3 id="comments">4 Responses to “Custom Scroll Bar Size in Better ListView”</h3>
|
||||
|
||||
<ol class="commentlist">
|
||||
<li class="comment even thread-even depth-1 parent" id="comment-1340">
|
||||
<div id="div-comment-1340" class="comment-body">
|
||||
<div class="comment-author vcard">
|
||||
<img alt='' src='http://2.gravatar.com/avatar/5e6eab37fb46c48fa1f094fede596413?s=32&d=retro&r=g' srcset="http://2.gravatar.com/avatar/5e6eab37fb46c48fa1f094fede596413?s=64&d=retro&r=g 2x" class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">brokey</cite> <span class="says">says:</span> </div>
|
||||
|
||||
<div class="comment-meta commentmetadata"><a href="index.html%3Fp=878.html#comment-1340">
|
||||
November 27, 2013 at 9:46 am</a> </div>
|
||||
|
||||
<p><a href="http://www.kettic.com/winforms_ui/csharp_guide/listview_feature_item_selection_sizing.shtml" rel="nofollow">Change size of ListView items</a></p>
|
||||
|
||||
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='custom-scroll-bar-size-in-better-listview/index.html%3Freplytocom=1340.html#respond' onclick='return addComment.moveForm( "div-comment-1340", "1340", "respond", "878" )' aria-label='Reply to brokey'>Reply</a></div>
|
||||
</div>
|
||||
<ul class="children">
|
||||
<li class="comment byuser comment-author-libortinka bypostauthor odd alt depth-2" id="comment-1345">
|
||||
<div id="div-comment-1345" class="comment-body">
|
||||
<div class="comment-author vcard">
|
||||
<img alt='' src='http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=32&d=retro&r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&d=retro&r=g 2x" class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Libor Tinka</cite> <span class="says">says:</span> </div>
|
||||
|
||||
<div class="comment-meta commentmetadata"><a href="index.html%3Fp=878.html#comment-1345">
|
||||
February 3, 2014 at 2:38 pm</a> </div>
|
||||
|
||||
<p>You can do that with CustomHeight propety (see the Support/Documentation).</p>
|
||||
|
||||
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='custom-scroll-bar-size-in-better-listview/index.html%3Freplytocom=1345.html#respond' onclick='return addComment.moveForm( "div-comment-1345", "1345", "respond", "878" )' aria-label='Reply to Libor Tinka'>Reply</a></div>
|
||||
</div>
|
||||
</li><!-- #comment-## -->
|
||||
</ul><!-- .children -->
|
||||
</li><!-- #comment-## -->
|
||||
<li class="comment even thread-odd thread-alt depth-1 parent" id="comment-1344">
|
||||
<div id="div-comment-1344" class="comment-body">
|
||||
<div class="comment-author vcard">
|
||||
<img alt='' src='http://2.gravatar.com/avatar/bdbe177ff1a8d37264d390e1fd79f160?s=32&d=retro&r=g' srcset="http://2.gravatar.com/avatar/bdbe177ff1a8d37264d390e1fd79f160?s=64&d=retro&r=g 2x" class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn"><a href='http://www.poslogix.co.uk' rel='external nofollow' class='url'>Dan</a></cite> <span class="says">says:</span> </div>
|
||||
|
||||
<div class="comment-meta commentmetadata"><a href="index.html%3Fp=878.html#comment-1344">
|
||||
January 31, 2014 at 3:27 pm</a> </div>
|
||||
|
||||
<p>Can you change the button height as this would make it a great option for touch screen apps.</p>
|
||||
|
||||
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='custom-scroll-bar-size-in-better-listview/index.html%3Freplytocom=1344.html#respond' onclick='return addComment.moveForm( "div-comment-1344", "1344", "respond", "878" )' aria-label='Reply to Dan'>Reply</a></div>
|
||||
</div>
|
||||
<ul class="children">
|
||||
<li class="comment byuser comment-author-libortinka bypostauthor odd alt depth-2" id="comment-1346">
|
||||
<div id="div-comment-1346" class="comment-body">
|
||||
<div class="comment-author vcard">
|
||||
<img alt='' src='http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=32&d=retro&r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&d=retro&r=g 2x" class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Libor Tinka</cite> <span class="says">says:</span> </div>
|
||||
|
||||
<div class="comment-meta commentmetadata"><a href="index.html%3Fp=878.html#comment-1346">
|
||||
February 3, 2014 at 2:39 pm</a> </div>
|
||||
|
||||
<p>Height of any element in Better ListView can be changed.</p>
|
||||
|
||||
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='custom-scroll-bar-size-in-better-listview/index.html%3Freplytocom=1346.html#respond' onclick='return addComment.moveForm( "div-comment-1346", "1346", "respond", "878" )' aria-label='Reply to Libor Tinka'>Reply</a></div>
|
||||
</div>
|
||||
</li><!-- #comment-## -->
|
||||
</ul><!-- .children -->
|
||||
</li><!-- #comment-## -->
|
||||
</ol>
|
||||
|
||||
<div class="navigation">
|
||||
<div class="alignleft"></div>
|
||||
<div class="alignright"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=878.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='878' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="8de0a02919" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="166"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:38:53 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,276 @@
|
||||
<!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>Custom Spacing between Items in Details View « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Custom Spacing between Items in Details View Comments Feed" href="custom-spacing-between-items-in-details-view/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Are You a Zen Coder or Distraction-Junkie?' href='index.html%3Fp=664.html' />
|
||||
<link rel='next' title='Custom Item Height in Details View of Better ListView' href='index.html%3Fp=760.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=753.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=753.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcustom-spacing-between-items-in-details-view%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcustom-spacing-between-items-in-details-view%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-753 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-753 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-between tag-custom tag-details tag-items tag-padding tag-space tag-spacing tag-view" id="post-753">
|
||||
<h2>Custom Spacing between Items in Details View</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Tuesday, 13 March 2012 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p><a href="page/6/index.html">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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/between/index.html" rel="tag">between</a>, <a href="tag/custom/index.html" rel="tag">custom</a>, <a href="tag/details/index.html" rel="tag">details</a>, <a href="tag/items/index.html" rel="tag">items</a>, <a href="tag/padding/index.html" rel="tag">padding</a>, <a href="tag/space/index.html" rel="tag">space</a>, <a href="tag/spacing/index.html" rel="tag">spacing</a>, <a href="tag/view/index.html" rel="tag">view</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=753.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='753' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="f30376d5ae" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="155"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:34 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,363 @@
|
||||
<!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>Customize Label Editing (Embedded) Control for Each Line in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Customize Label Editing (Embedded) Control for Each Line in Better ListView Comments Feed" href="customize-label-editing-embedded-control-for-each-line-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Custom Item Height in Details View of Better ListView' href='index.html%3Fp=760.html' />
|
||||
<link rel='next' title='Right-aligned Images in Better ListView' href='index.html%3Fp=780.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=771.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=771.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcustomize-label-editing-embedded-control-for-each-line-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fcustomize-label-editing-embedded-control-for-each-line-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-771 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-771 post type-post status-publish format-standard hentry category-better-listview category-tutorials tag-better-listview-2 tag-controls tag-custom tag-different tag-edit tag-editing tag-embedded tag-label tag-per-line tag-specific" id="post-771">
|
||||
<h2>Customize Label Editing (Embedded) Control for Each Line in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Wednesday, 04 April 2012 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>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…</p>
|
||||
<p><strong>C#</strong></p>
|
||||
<p>[csharp gutter=”false” toolbar=”false”]<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> </p>
|
||||
<p><strong>Visual Basic</strong></p>
|
||||
<p>[vb gutter=”false” toolbar=”false”]<br />
|
||||
Private Function ListViewRequestEmbeddedControl(ByVal sender As Object, ByVal eventArgs As BetterListViewRequestEmbeddedControlEventArgs) _<br />
|
||||
As IBetterListViewEmbeddedControl</p>
|
||||
<p> ‘ show editing controls in the second column<br />
|
||||
If eventArgs.SubItem.Index = 1 Then</p>
|
||||
<p> ‘ 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> ‘ 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> ‘ 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> </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> </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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/controls/index.html" rel="tag">controls</a>, <a href="tag/custom/index.html" rel="tag">custom</a>, <a href="tag/different/index.html" rel="tag">different</a>, <a href="tag/edit/index.html" rel="tag">edit</a>, <a href="tag/editing/index.html" rel="tag">editing</a>, <a href="tag/embedded/index.html" rel="tag">embedded</a>, <a href="tag/label/index.html" rel="tag">label</a>, <a href="tag/per-line/index.html" rel="tag">per-line</a>, <a href="tag/specific/index.html" rel="tag">specific</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
<h3 id="comments">2 Responses to “Customize Label Editing (Embedded) Control for Each Line in Better ListView”</h3>
|
||||
|
||||
<ol class="commentlist">
|
||||
<li class="comment even thread-even depth-1 parent" id="comment-1280">
|
||||
<div id="div-comment-1280" class="comment-body">
|
||||
<div class="comment-author vcard">
|
||||
<img alt='' src='http://1.gravatar.com/avatar/42fa0e4962e6bfc7cfa0302c3976af6c?s=32&d=retro&r=g' srcset="http://1.gravatar.com/avatar/42fa0e4962e6bfc7cfa0302c3976af6c?s=64&d=retro&r=g 2x" class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Göran</cite> <span class="says">says:</span> </div>
|
||||
|
||||
<div class="comment-meta commentmetadata"><a href="index.html%3Fp=771.html#comment-1280">
|
||||
April 25, 2012 at 10:53 am</a> </div>
|
||||
|
||||
<p>There is a tiny error in the VB code below “‘ show my custom control on the third row”.<br />
|
||||
The index should be “2”, not “0”.</p>
|
||||
<p>:-)</p>
|
||||
<p>Thanks for a great product and for a great and humorous site!</p>
|
||||
<p>/G</p>
|
||||
|
||||
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='customize-label-editing-embedded-control-for-each-line-in-better-listview/index.html%3Freplytocom=1280.html#respond' onclick='return addComment.moveForm( "div-comment-1280", "1280", "respond", "771" )' aria-label='Reply to Göran'>Reply</a></div>
|
||||
</div>
|
||||
<ul class="children">
|
||||
<li class="comment byuser comment-author-libortinka bypostauthor odd alt depth-2" id="comment-1281">
|
||||
<div id="div-comment-1281" class="comment-body">
|
||||
<div class="comment-author vcard">
|
||||
<img alt='' src='http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=32&d=retro&r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&d=retro&r=g 2x" class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Libor Tinka</cite> <span class="says">says:</span> </div>
|
||||
|
||||
<div class="comment-meta commentmetadata"><a href="index.html%3Fp=771.html#comment-1281">
|
||||
April 25, 2012 at 1:57 pm</a> </div>
|
||||
|
||||
<p>Thanks for noticing… I have corrected it.</p>
|
||||
|
||||
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='customize-label-editing-embedded-control-for-each-line-in-better-listview/index.html%3Freplytocom=1281.html#respond' onclick='return addComment.moveForm( "div-comment-1281", "1281", "respond", "771" )' aria-label='Reply to Libor Tinka'>Reply</a></div>
|
||||
</div>
|
||||
</li><!-- #comment-## -->
|
||||
</ul><!-- .children -->
|
||||
</li><!-- #comment-## -->
|
||||
</ol>
|
||||
|
||||
<div class="navigation">
|
||||
<div class="alignleft"></div>
|
||||
<div class="alignright"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=771.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='771' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="5285de5577" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="157"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:27 by W3 Total Cache
|
||||
-->
|
||||
278
src/data/blog/displaying-multi-line-text-in-listview/index.html
Normal file
278
src/data/blog/displaying-multi-line-text-in-listview/index.html
Normal file
@@ -0,0 +1,278 @@
|
||||
<!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>Displaying Multi-Line Text In ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Displaying Multi-Line Text In ListView Comments Feed" href="displayingmultiline-items-in-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Vertical Alignment and Text Wrapping in Better ListView' href='index.html%3Fp=437.html' />
|
||||
<link rel='next' title='How To: Dynamically Resize Focused Item' href='index.html%3Fp=468.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=450.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=450.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fdisplayingmultiline-items-in-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fdisplayingmultiline-items-in-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-450 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-450 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-crlf tag-display-multiline tag-feed tag-items tag-lf tag-line tag-linefeed tag-listview tag-multi tag-multiline tag-multiline-items tag-newline tag-newlines tag-text" id="post-450">
|
||||
<h2>Displaying Multi-Line Text In ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Thursday, 24 November 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>Multi-Line text has been supported since <strong><a href="page/6/index.html">Better ListView</a></strong> 2.0 (as automatic text-wrapping with configurable number of Maximum Text Lines), but we enhanced this feature inversion 2.3.2 by adding support for “hardcoded” newline characters (LF) in item text:</p>
|
||||
<div id="attachment_451" style="width: 332px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/11/screenshot-newlines.png"><img class="size-full wp-image-451" title="screenshot-newlines" src="wp-content/uploads/2011/11/screenshot-newlines.png" alt="Items with multi-line text" width="322" height="327" srcset="wp-content/uploads/2011/11/screenshot-newlines.png 322w, wp-content/uploads/2011/11/screenshot-newlines-295x300.png 295w" sizes="(max-width: 322px) 100vw, 322px" /></a><p class="wp-caption-text">Items with multi-line text</p></div>
|
||||
<p>Column headers and even groups can contain multi-line text:</p>
|
||||
<div id="attachment_464" style="width: 275px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/11/screen-multi-line-2.png"><img class="size-full wp-image-464" title="screen-multi-line-2" src="wp-content/uploads/2011/11/screen-multi-line-2.png" alt="Multi-line text in groups" width="265" height="235" /></a><p class="wp-caption-text">Multi-line text in groups</p></div>
|
||||
<p>So the text can be split on multiple lines not only by wrapping the text, but also by user defined newline characters.</p>
|
||||
<p>This feature comes out of the box.</p>
|
||||
<p>The only setting associated with multi-line items is the <strong>MaximumTextLines</strong> property of the corresponding layout (e.g. <strong>BetterListView.LayoutItemsLargeIcon</strong>). This property specifies how many lines the text can have and this applies to both wrapped text and text with newline characters. So if you expect you text to have 5 to 20 lines, set the <strong>MaximumTextLines</strong> property to 20 and you know the items will not get too high while still displaying all the lines.</p>
|
||||
<p>Multi-line text is supported on column headers, items, sub-items and groups.</p>
|
||||
<p><strong><a href="../download/better-listview.html">Download the latest Better ListView</a></strong></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/crlf/index.html" rel="tag">CRLF</a>, <a href="tag/display-multiline/index.html" rel="tag">display multiline</a>, <a href="tag/feed/feed/index.html" rel="tag">feed</a>, <a href="tag/items/index.html" rel="tag">items</a>, <a href="tag/lf/index.html" rel="tag">LF</a>, <a href="tag/line/index.html" rel="tag">line</a>, <a href="tag/linefeed/index.html" rel="tag">linefeed</a>, <a href="tag/listview/index.html" rel="tag">listview</a>, <a href="tag/multi/index.html" rel="tag">multi</a>, <a href="tag/multiline/index.html" rel="tag">multiline</a>, <a href="tag/multiline-items/index.html" rel="tag">multiline items</a>, <a href="tag/newline/index.html" rel="tag">newline</a>, <a href="tag/newlines/index.html" rel="tag">newlines</a>, <a href="tag/text/index.html" rel="tag">text</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=450.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='450' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="e8b8822242" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="46"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:54 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,292 @@
|
||||
<!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>Displaying Thumbnails with Borders and Shadows « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Displaying Thumbnails with Borders and Shadows Comments Feed" href="displaying-thumbnails-withs-borders-and-shadows/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Better ListView reviewed at DevProConnections.com' href='index.html%3Fp=93.html' />
|
||||
<link rel='next' title='Better ListView 1.50 released' href='index.html%3Fp=119.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="2011/02/displaying-thumbnails-withs-borders-and-shadows/index.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=103.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fdisplaying-thumbnails-withs-borders-and-shadows%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fdisplaying-thumbnails-withs-borders-and-shadows%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-103 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-103 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-drop-shadow tag-image-borders tag-padding tag-shadows tag-spacing tag-thumbnail-view tag-thumbnails tag-thumbnails-view" id="post-103">
|
||||
<h2>Displaying Thumbnails with Borders and Shadows</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Monday, 14 February 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p><strong>We’ve just released <strong><a href="page/6/index.html">Better ListView</a></strong> version 1.50 with some new features – thumbnails view, image borders support (inc. shadows), and more.</strong></p>
|
||||
<p>Our great inspiration for designing <strong><a href="page/6/index.html">Better ListView</a></strong> is nothing less than the mighty Windows Explorer. This file manager uses obviously much more powerful control that the regular .NET list-view alone is.</p>
|
||||
<p>It supports some extra views, line <em>Contents</em> and <em>Extra Large</em> Icons. It is also possible to adjust image size by rolling a mouse wheel while holding Control key.</p>
|
||||
<p><strong><a href="page/6/index.html">Better ListView</a></strong> has the capability of displaying item icons with arbitrary sizes, but we also extended it with one extra view: <em>Thumbnails</em>:</p>
|
||||
<div id="attachment_104" style="width: 310px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/02/screenshot.jpg"><img class="size-medium wp-image-104" title="Thumbnails Sample" src="wp-content/uploads/2011/02/screenshot-300x196.jpg" alt="Thumbnails Sample" width="300" height="196" srcset="wp-content/uploads/2011/02/screenshot-300x196.jpg 300w, wp-content/uploads/2011/02/screenshot.jpg 864w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">Thumbnails Sample</p></div>
|
||||
<p>This view aligns items in the center while keeping constant spacing between items. <em>Thumbnails</em> also keep just single line of text for compactness. On the other hand, <em>LargeIcon</em> view varies horizontal space between items to fill client area evenly and breaks long text into several lines.</p>
|
||||
<p>The constant spacing is inspired by various photo managers, where image thumbnails are better viewed side-by-side (and the view looks also more organized).</p>
|
||||
<p>Image thumbnails also look better with some kind border or frame. We added this new feature in Better ListView 1.5 and it works in all views. There are several pre-defined types of borders, but user can draw his own:</p>
|
||||
<ul>
|
||||
<li><em>None</em> – simply no border at all</li>
|
||||
<li><em>Single</em> – single line border</li>
|
||||
<li><em>SingleOffset</em> – single line with a spacing between image and the border</li>
|
||||
<li><em>SymmetricShadow</em> – smooth shadow around image</li>
|
||||
<li><em>DropShadow</em> – smooth shadow on the right bottom part of the image</li>
|
||||
</ul>
|
||||
<p>Thumbnails use <em>DropShadow</em> by default, but it can be adjusted for every view separately. One can also adjust thickness of the border/shadow and define custom spacing around image.</p>
|
||||
<p>Take a look at one possible setting:</p>
|
||||
<div id="attachment_105" style="width: 310px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/02/borders.jpg"><img class="size-medium wp-image-105" title="Image Borders" src="wp-content/uploads/2011/02/borders-300x300.jpg" alt="Image Borders" width="300" height="300" srcset="wp-content/uploads/2011/02/borders-300x300.jpg 300w, wp-content/uploads/2011/02/borders-150x150.jpg 150w, wp-content/uploads/2011/02/borders.jpg 504w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">Image Borders</p></div>
|
||||
<p>This is <em>SingleOffset</em> border of width 3 pixels. Notice that also column header images can have its borders (these are <em>SymmetricShadow</em>).</p>
|
||||
<p>When the border is defined and image size should be kept the same, some spacing have to be added around image. You can adjust this spacing to draw you own borders or any additional graphics (such as overlay icons). Here is an example –</p>
|
||||
<div id="attachment_107" style="width: 350px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/02/extra-graphics.png"><img class="size-full wp-image-107" title="Thumbnail with Extra Icons" src="wp-content/uploads/2011/02/extra-graphics.png" alt="Thumbnail with Extra Icons" width="340" height="340" srcset="wp-content/uploads/2011/02/extra-graphics.png 340w, wp-content/uploads/2011/02/extra-graphics-150x150.png 150w, wp-content/uploads/2011/02/extra-graphics-300x300.png 300w" sizes="(max-width: 340px) 100vw, 340px" /></a><p class="wp-caption-text">Thumbnail with Extra Icons</p></div>
|
||||
<h1>Download Better ListView</h1>
|
||||
<p>You can <strong><a href="../download/better-listview.html">download Better ListView</a></strong> and play with it yourself.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/drop-shadow/index.html" rel="tag">drop shadow</a>, <a href="tag/image-borders/index.html" rel="tag">image borders</a>, <a href="tag/padding/index.html" rel="tag">padding</a>, <a href="tag/shadows/index.html" rel="tag">shadows</a>, <a href="tag/spacing/index.html" rel="tag">spacing</a>, <a href="tag/thumbnail-view/index.html" rel="tag">thumbnail view</a>, <a href="tag/thumbnails/index.html" rel="tag">thumbnails</a>, <a href="tag/thumbnails-view/index.html" rel="tag">thumbnails view</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="2011/02/displaying-thumbnails-withs-borders-and-shadows/index.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='103' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="9952862bfc" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="87"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:37 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,373 @@
|
||||
<!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>Enabling Search Highlight in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Enabling Search Highlight in Better ListView Comments Feed" href="enabling-search-highlight-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Custom label edit: How to rename file names without extension in Better ListView' href='index.html%3Fp=831.html' />
|
||||
<link rel='next' title='Binding Images in Better ListView' href='index.html%3Fp=850.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=843.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=843.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fenabling-search-highlight-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fenabling-search-highlight-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-843 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-843 post type-post status-publish format-standard hentry category-better-listview category-components category-tutorials tag-better tag-better-listview-2 tag-highlight tag-highlighting tag-items tag-list tag-listview tag-mark tag-matched tag-search tag-searching" id="post-843">
|
||||
<h2>Enabling Search Highlight in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Friday, 11 January 2013 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/components/index.html" rel="category tag">Components</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>We have improved <a href="wp-content/uploads/2013/01/chapter-search.html">item searching</a> capabilities of <a href="page/6/index.html">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> </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=”false” toolbar=”false”]<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=”false” toolbar=”false”]<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=”false” toolbar=”false”]<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=”false” toolbar=”false”]<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 />
|
||||
‘ 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> ‘ 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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better/index.html" rel="tag">better</a>, <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/highlight/index.html" rel="tag">highlight</a>, <a href="tag/highlighting/index.html" rel="tag">highlighting</a>, <a href="tag/items/index.html" rel="tag">items</a>, <a href="tag/list/index.html" rel="tag">list</a>, <a href="tag/listview/index.html" rel="tag">listview</a>, <a href="tag/mark/index.html" rel="tag">mark</a>, <a href="tag/matched/index.html" rel="tag">matched</a>, <a href="tag/search/index.html" rel="tag">search</a>, <a href="tag/searching/index.html" rel="tag">searching</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
<h3 id="comments">One Response to “Enabling Search Highlight in Better ListView”</h3>
|
||||
|
||||
<ol class="commentlist">
|
||||
<li class="comment even thread-even depth-1" id="comment-1290">
|
||||
<div id="div-comment-1290" class="comment-body">
|
||||
<div class="comment-author vcard">
|
||||
<img alt='' src='http://0.gravatar.com/avatar/364470c76d091f4974fe28b31aef6456?s=32&d=retro&r=g' srcset="http://0.gravatar.com/avatar/364470c76d091f4974fe28b31aef6456?s=64&d=retro&r=g 2x" class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Camiel Hessels</cite> <span class="says">says:</span> </div>
|
||||
|
||||
<div class="comment-meta commentmetadata"><a href="index.html%3Fp=843.html#comment-1290">
|
||||
January 28, 2013 at 7:54 pm</a> </div>
|
||||
|
||||
<p>Awesome, just what I need! Thanks!</p>
|
||||
|
||||
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='enabling-search-highlight-in-better-listview/index.html%3Freplytocom=1290.html#respond' onclick='return addComment.moveForm( "div-comment-1290", "1290", "respond", "843" )' aria-label='Reply to Camiel Hessels'>Reply</a></div>
|
||||
</div>
|
||||
</li><!-- #comment-## -->
|
||||
</ol>
|
||||
|
||||
<div class="navigation">
|
||||
<div class="alignleft"></div>
|
||||
<div class="alignright"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=843.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='843' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="fd5308c02d" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="122"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:11 by W3 Total Cache
|
||||
-->
|
||||
288
src/data/blog/file-explorer-with-better-listview/index.html
Normal file
288
src/data/blog/file-explorer-with-better-listview/index.html
Normal file
@@ -0,0 +1,288 @@
|
||||
<!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>File Explorer with Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » File Explorer with Better ListView Comments Feed" href="file-explorer-with-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='How to Hide a Column in Better ListView' href='index.html%3Fp=330.html' />
|
||||
<link rel='next' title='Coming soon: Better ListView 2.1 Optimized for Performance' href='index.html%3Fp=348.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=340.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=340.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Ffile-explorer-with-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Ffile-explorer-with-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-340 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-340 post type-post status-publish format-standard hentry category-better-listview category-components tag-browser tag-explorer tag-file tag-folder tag-tree" id="post-340">
|
||||
<h2>File Explorer with Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Tuesday, 09 August 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/components/index.html" rel="category tag">Components</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>In <a href="../better-listview/releases%3Fsince=2.0.2.html">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> – moving or copying files</li>
|
||||
<li><strong>Label Edit</strong> – renaming files</li>
|
||||
<li><strong>Thumbnails</strong> – display thumbnails of image files</li>
|
||||
<li><strong>Custom Tooltips</strong> – display extra information on each file item</li>
|
||||
<li><strong>Groups</strong> – organize files into groups (e.g. by size)</li>
|
||||
<li><strong>Check Boxes</strong> – select folders and sub-folders properly with three-state check boxes</li>
|
||||
<li><strong>Images</strong> – every file type could display different image (extracted icon)</li>
|
||||
<li><strong>Context Menus</strong> – do extra operations with files, like displaying file properties</li>
|
||||
<li><strong>Searching</strong> – doing keyboard search is very easy to search for some file</li>
|
||||
<li><strong>Sorting</strong> – sort files according to multiple properties (<em>this is demonstrated in the sample</em>)</li>
|
||||
<li><strong>Background Image</strong> – show that the user is located in special folder by ambient image on the background</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/browser/index.html" rel="tag">browser</a>, <a href="tag/explorer/index.html" rel="tag">explorer</a>, <a href="tag/file/index.html" rel="tag">file</a>, <a href="tag/folder/index.html" rel="tag">folder</a>, <a href="tag/tree/index.html" rel="tag">tree</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=340.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='340' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="3c7e6a7f20" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="250"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:10 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,283 @@
|
||||
<!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>Hiding Column Headers in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Hiding Column Headers in Better ListView Comments Feed" href="hiding-column-headers-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='How to Store Better ListView Content in a String (User Request)' href='index.html%3Fp=796.html' />
|
||||
<link rel='next' title='Better ListView Tip: How to Draw Custom Selection' href='index.html%3Fp=808.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=803.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=803.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhiding-column-headers-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhiding-column-headers-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-803 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-803 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-column tag-header tag-headers tag-hide tag-hiding tag-invisible tag-items tag-sub tag-sub-items tag-subitems tag-visibility" id="post-803">
|
||||
<h2>Hiding Column Headers in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Monday, 27 August 2012 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<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> – column headers are hidden, but corresponding sub-items are still visible</li>
|
||||
<li><strong>Nonclickable</strong> – column headers are visible, but not interactive</li>
|
||||
<li><strong>Clickable</strong> – column headers interact with mouse (have <em>hot</em> and <em>pressed</em> state)</li>
|
||||
<li><strong>Sortable</strong> – column headers are clickable and sort the corresponding column when clicked</li>
|
||||
<li><strong>Unsortable</strong> – same as <strong>Sortable</strong>, but the column headers have unsorted state as well</li>
|
||||
<li><strong>Hidden</strong> – 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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/column/index.html" rel="tag">column</a>, <a href="tag/header/index.html" rel="tag">header</a>, <a href="tag/headers/index.html" rel="tag">headers</a>, <a href="tag/hide/index.html" rel="tag">hide</a>, <a href="tag/hiding/index.html" rel="tag">hiding</a>, <a href="tag/invisible/index.html" rel="tag">invisible</a>, <a href="tag/items/index.html" rel="tag">items</a>, <a href="tag/sub/index.html" rel="tag">sub</a>, <a href="tag/sub-items/index.html" rel="tag">sub-items</a>, <a href="tag/subitems/index.html" rel="tag">subitems</a>, <a href="tag/visibility/index.html" rel="tag">visibility</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=803.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='803' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="10c41d4d2b" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="131"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:20 by W3 Total Cache
|
||||
-->
|
||||
275
src/data/blog/hiding-items-in-better-listview/index.html
Normal file
275
src/data/blog/hiding-items-in-better-listview/index.html
Normal file
@@ -0,0 +1,275 @@
|
||||
<!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>Hiding Items in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Hiding Items in Better ListView Comments Feed" href="hiding-items-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Read-Only Mode in Better ListView' href='2012/01/read-only-mode-in-better-listview/index.html' />
|
||||
<link rel='next' title='Are You a Zen Coder or Distraction-Junkie?' href='index.html%3Fp=664.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=546.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=546.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhiding-items-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhiding-items-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-546 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-546 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-drawing tag-hide tag-hiding tag-invisible tag-items tag-owner tag-ownerdraw tag-visible" id="post-546">
|
||||
<h2>Hiding Items in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Monday, 06 February 2012 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>We currently introduced a <strong>BetterListViewItem.Visible</strong> property to allow hiding items visually, but keeping then in the <strong>Items</strong> collection:</p>
|
||||
<div id="attachment_575" style="width: 304px" class="wp-caption aligncenter"><a href="wp-content/uploads/2012/02/blv-invisibleitems.gif"><img class="size-full wp-image-575" title="blv-invisibleitems" src="wp-content/uploads/2012/02/blv-invisibleitems.gif" alt="Making items invisible" width="294" height="343" srcset="wp-content/uploads/2012/02/blv-invisibleitems.gif 294w, wp-content/uploads/2012/02/blv-invisibleitems-257x300.gif 257w" sizes="(max-width: 294px) 100vw, 294px" /></a><p class="wp-caption-text">Making items invisible</p></div>
|
||||
<p>The above image shows two groups of items. The first groups uses hiding of items with the <strong>Visible</strong> property, while the second group simply turns off drawing of ceratin items.</p>
|
||||
<p>The first approach is useful when you need to hide item <em>as if</em> it is removed, but keep it actually within <strong>Items</strong> collection.</p>
|
||||
<p>The second approach need to create new control inheriting from BetterListView, overrride the <strong>OnDrawItem</strong> method and set properties like <strong>BetterListViewDrawItemEventArgs.DrawImage</strong> to false or simply not call the base implementation of <strong>OnDrawItem</strong>.</p>
|
||||
<p>The second (owner drawing) approach is useful when you need just to switch off display of item without changing the item layout.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/drawing/index.html" rel="tag">drawing</a>, <a href="tag/hide/index.html" rel="tag">hide</a>, <a href="tag/hiding/index.html" rel="tag">hiding</a>, <a href="tag/invisible/index.html" rel="tag">invisible</a>, <a href="tag/items/index.html" rel="tag">items</a>, <a href="tag/owner/index.html" rel="tag">owner</a>, <a href="tag/ownerdraw/index.html" rel="tag">ownerdraw</a>, <a href="tag/visible/index.html" rel="tag">visible</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=546.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='546' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="53b6d72bca" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="19"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:36 by W3 Total Cache
|
||||
-->
|
||||
358
src/data/blog/hot-tracking-items-in-better-listview/index.html
Normal file
358
src/data/blog/hot-tracking-items-in-better-listview/index.html
Normal file
@@ -0,0 +1,358 @@
|
||||
<!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>Hot Tracking Items in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Hot Tracking Items in Better ListView Comments Feed" href="hot-tracking-items-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Binding Images in Better ListView' href='index.html%3Fp=850.html' />
|
||||
<link rel='next' title='How to Make Items Fading on Edges in Better ListView' href='index.html%3Fp=868.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=861.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=861.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhot-tracking-items-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhot-tracking-items-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-861 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-861 post type-post status-publish format-standard hentry category-better-listview category-tutorials tag-backcolor tag-better-listview-2 tag-color tag-drawing tag-drawn tag-font tag-hot tag-hottrack tag-hottracking tag-hover tag-hovers tag-hyperlink tag-hyperlinks tag-item tag-items tag-links tag-mouse tag-owner tag-ownerdraw tag-tracking tag-underline" id="post-861">
|
||||
<h2>Hot Tracking Items in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Friday, 15 February 2013 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<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=”false” toolbar=”false”]<br />
|
||||
private Font fontHot = new Font(“Segoe UI”, 12.0f, FontStyle.Bold);<br />
|
||||
[/csharp]</p>
|
||||
<p><strong>Visual Basic</strong></p>
|
||||
<p>[vb gutter=”false” toolbar=”false”]<br />
|
||||
Private fontHot As New Font(“Segoe UI”, 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=”false” toolbar=”false”]<br />
|
||||
var listView = new CustomListView();</p>
|
||||
<p>// add some items in the list<br />
|
||||
listView.Items.AddRange(new string[] { “The Hobbit”, “The People’s Crisis”, “The Net” });</p>
|
||||
<p>// set default font for the items<br />
|
||||
listView.FontItems = new Font(“Segoe UI”, 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=”false” toolbar=”false”]<br />
|
||||
Dim listView = New CustomListView()</p>
|
||||
<p>‘ add some items in the list<br />
|
||||
listView.Items.AddRange(New String() {“The Hobbit”, “The People’s Crisis”, “The Net”})</p>
|
||||
<p>‘ set default font for the items<br />
|
||||
listView.FontItems = New Font(“Segoe UI”, 12F, FontStyle.Regular)</p>
|
||||
<p>‘ 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=”false” toolbar=”false”]<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=”false” toolbar=”false”]<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 />
|
||||
‘ 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 />
|
||||
‘ 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’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’ 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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/backcolor/index.html" rel="tag">backcolor</a>, <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/color/index.html" rel="tag">color</a>, <a href="tag/drawing/index.html" rel="tag">drawing</a>, <a href="tag/drawn/index.html" rel="tag">drawn</a>, <a href="tag/font/index.html" rel="tag">font</a>, <a href="tag/hot/index.html" rel="tag">hot</a>, <a href="tag/hottrack/index.html" rel="tag">hottrack</a>, <a href="tag/hottracking/index.html" rel="tag">hottracking</a>, <a href="tag/hover/index.html" rel="tag">hover</a>, <a href="tag/hovers/index.html" rel="tag">hovers</a>, <a href="tag/hyperlink/index.html" rel="tag">hyperlink</a>, <a href="tag/hyperlinks/index.html" rel="tag">hyperlinks</a>, <a href="tag/item/index.html" rel="tag">item</a>, <a href="tag/items/index.html" rel="tag">items</a>, <a href="tag/links/index.html" rel="tag">links</a>, <a href="tag/mouse/index.html" rel="tag">mouse</a>, <a href="tag/owner/index.html" rel="tag">owner</a>, <a href="tag/ownerdraw/index.html" rel="tag">ownerdraw</a>, <a href="tag/tracking/index.html" rel="tag">tracking</a>, <a href="tag/underline/index.html" rel="tag">underline</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=861.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='861' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="3f0a0fb060" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="26"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:01 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,315 @@
|
||||
<!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>How to Add Grid Lines in Empty Space in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » How to Add Grid Lines in Empty Space in Better ListView Comments Feed" href="how-to-add-grid-lines-in-empty-space-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Alternating Rows in Better ListView' href='index.html%3Fp=888.html' />
|
||||
<link rel='next' title='Sub-item Check Boxes in Better ListView' href='index.html%3Fp=901.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=894.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=894.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhow-to-add-grid-lines-in-empty-space-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhow-to-add-grid-lines-in-empty-space-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-894 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-894 post type-post status-publish format-standard hentry category-better-listview category-tutorials tag-below tag-better tag-empty tag-grid tag-gridlines tag-lines tag-listview tag-space" id="post-894">
|
||||
<h2>How to Add Grid Lines in Empty Space in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Wednesday, 30 April 2014 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<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> – grid lines are hidden</li>
|
||||
<li><strong>Horizontal</strong> – only horizontal lines are displayed</li>
|
||||
<li><strong>Vertical</strong> – only vertical lines are displayed</li>
|
||||
<li><strong>Grid</strong> – 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="index.html%3Fp=760.html">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=”false” toolbar=”false”]<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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/below/index.html" rel="tag">below</a>, <a href="tag/better/index.html" rel="tag">better</a>, <a href="tag/empty/index.html" rel="tag">empty</a>, <a href="tag/grid/index.html" rel="tag">grid</a>, <a href="tag/gridlines/index.html" rel="tag">gridlines</a>, <a href="tag/lines/index.html" rel="tag">lines</a>, <a href="tag/listview/index.html" rel="tag">listview</a>, <a href="tag/space/index.html" rel="tag">space</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=894.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='894' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="c8de2bee65" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="37"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:38:45 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,275 @@
|
||||
<!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>How to Change List View Mouse Wheel Scroll Speed « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » How to Change List View Mouse Wheel Scroll Speed Comments Feed" href="how-to-change-list-view-mouse-wheel-scroll-speed/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='What we are working on: Groups, Item hierarchy support' href='index.html%3Fp=129.html' />
|
||||
<link rel='next' title='Work in Progress: “Groups” / “Item Hierarchy” Features' href='index.html%3Fp=204.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=189.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=189.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhow-to-change-list-view-mouse-wheel-scroll-speed%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhow-to-change-list-view-mouse-wheel-scroll-speed%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-189 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-189 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-how-to tag-mouse tag-mouse-wheel tag-scrolling tag-tips-and-tricks" id="post-189">
|
||||
<h2>How to Change List View Mouse Wheel Scroll Speed</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Brian Galura published on Friday, 18 March 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>Did you know that you can change the mouse wheel scroll speed of <strong><a href="page/6/index.html">Better ListView</a></strong>? </p>
|
||||
<p><strong><a href="page/6/index.html">Better ListView</a></strong> has property <strong>MouseWheelScrollExtent</strong> which is defined as “<em>relative number of items to scroll for a single mouse wheel detent</em>“. </p>
|
||||
<p>What does it mean? Well, it basically defines by how many items will the list view scroll when you move the mouse wheel up or down. The default value of this property in version 1.51 is <strong>2</strong>, so whenever you scroll up or down with your mouse wheel, the list view will move two items up or down.</p>
|
||||
<p>You can set the MouseWheelScrollExtent to a larger value for faster scrolling, just like this:</p>
|
||||
<p><code>BetterListView.MouseWheelScrollExtent := 3;</code></p>
|
||||
<p>Now, every time you scroll, the list view will move by 3 items (which is similar to Windows Explorer, which usually moves by 3 items in the Details view).</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/how-to/index.html" rel="tag">how to</a>, <a href="tag/mouse/index.html" rel="tag">mouse</a>, <a href="tag/mouse-wheel/index.html" rel="tag">mouse wheel</a>, <a href="tag/scrolling/index.html" rel="tag">scrolling</a>, <a href="tag/tips-and-tricks/index.html" rel="tag">tips and tricks</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=189.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='189' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="f23db0a0e0" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="119"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:34 by W3 Total Cache
|
||||
-->
|
||||
364
src/data/blog/how-to-display-items-in-custom-states/index.html
Normal file
364
src/data/blog/how-to-display-items-in-custom-states/index.html
Normal file
@@ -0,0 +1,364 @@
|
||||
<!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>How to Display Items in Custom States « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » How to Display Items in Custom States Comments Feed" href="how-to-display-items-in-custom-states/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Better ListView 2.10 released' href='index.html%3Fp=373.html' />
|
||||
<link rel='next' title='Vertical Alignment and Text Wrapping in Better ListView' href='index.html%3Fp=437.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=398.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=398.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhow-to-display-items-in-custom-states%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhow-to-display-items-in-custom-states%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-398 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-398 post type-post status-publish format-standard hentry category-better-listview category-tutorials tag-custom tag-draw tag-hot tag-items tag-owner tag-state" id="post-398">
|
||||
<h2>How to Display Items in Custom States</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Tuesday, 15 November 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>One of our customers recently asked us if it is possible in Better ListView to draw item highlighted even when the control loses focus. This is an interesting and useful feature, so we implemented it right away.</p>
|
||||
<p>Owner drawing in <a href="page/6/index.html">Better ListView 2.3.0</a> and higher allows you to draw elements (column headers, items, sub-items and groups) in any state you wish (<strong>hot</strong>, <strong>selected</strong>, <strong>focused</strong> and any combination of the three).</p>
|
||||
<p>For example, we would like to highlight several items in one Better ListView depending on hovered item in other Better ListView:</p>
|
||||
<div id="attachment_406" style="width: 402px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/11/screen-multiple-hot-items.png"><img class="size-full wp-image-406" title="screen-multiple-hot-items" src="wp-content/uploads/2011/11/screen-multiple-hot-items.png" alt="Better ListView shows multiple hot items" width="392" height="230" srcset="wp-content/uploads/2011/11/screen-multiple-hot-items.png 392w, wp-content/uploads/2011/11/screen-multiple-hot-items-300x176.png 300w" sizes="(max-width: 392px) 100vw, 392px" /></a><p class="wp-caption-text">Better ListView shows multiple hot items</p></div>
|
||||
<p>Items can be also be drawn as if the control is focused, enabled or disabled. This feature can be applied when you wish to display items in highlighted state even if Better ListView is not focused:</p>
|
||||
<div id="attachment_405" style="width: 370px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/11/screen-keep-selection-highlight.png"><img class="size-full wp-image-405" title="screen-keep-selection-highlight" src="wp-content/uploads/2011/11/screen-keep-selection-highlight.png" alt="Better ListView keeps selected items highlighted" width="360" height="214" srcset="wp-content/uploads/2011/11/screen-keep-selection-highlight.png 360w, wp-content/uploads/2011/11/screen-keep-selection-highlight-300x178.png 300w" sizes="(max-width: 360px) 100vw, 360px" /></a><p class="wp-caption-text">Better ListView keeps selected items highlighted</p></div>
|
||||
<p>We implemented the first sample (showing mulitple hot items) by inheriting from BetterListView, making a new class called <strong>HotListView</strong>. The implementation is very simple:</p>
|
||||
<p> </p>
|
||||
<p><strong>C#</strong></p>
|
||||
<p>[csharp gutter=”false” toolbar=”false”]<br />
|
||||
public class HotListView : BetterListView<br />
|
||||
{<br />
|
||||
public HashSet HotItems<br />
|
||||
{<br />
|
||||
get<br />
|
||||
{<br />
|
||||
return this.hotItems;<br />
|
||||
}<br />
|
||||
set<br />
|
||||
{<br />
|
||||
this.hotItems = value;</p>
|
||||
<p>Refresh();<br />
|
||||
}<br />
|
||||
}</p>
|
||||
<p>private HashSethotItems = new HashSet();</p>
|
||||
<p>protected override void OnDrawItem(BetterListViewDrawItemEventArgs eventArgs)<br />
|
||||
{<br />
|
||||
if (this.hotItems.Contains(eventArgs.Item.Index))<br />
|
||||
{<br />
|
||||
eventArgs.ItemStateInfo = new BetterListViewItemStateInfo(<br />
|
||||
eventArgs.ItemStateInfo.ItemState | BetterListViewItemState.Hot,<br />
|
||||
eventArgs.ItemStateInfo.ExpandButtonState,<br />
|
||||
eventArgs.ItemStateInfo.CheckBoxState);<br />
|
||||
}</p>
|
||||
<p>base.OnDrawItem(eventArgs);<br />
|
||||
}<br />
|
||||
}<br />
|
||||
[/csharp]</p>
|
||||
<p><strong>Visual Basic</strong></p>
|
||||
<p>[vb gutter=”false” toolbar=”false”]<br />
|
||||
Public Class HotListView<br />
|
||||
Inherits BetterListView<br />
|
||||
Public Property HotItems() As HashSet(Of Integer)<br />
|
||||
Get<br />
|
||||
Return Me.m_hotItems<br />
|
||||
End Get<br />
|
||||
Set<br />
|
||||
Me.m_hotItems = value</p>
|
||||
<p>Refresh()<br />
|
||||
End Set<br />
|
||||
End Property</p>
|
||||
<p>Private m_hotItems As New HashSet(Of Integer)()</p>
|
||||
<p>Protected Overrides Sub OnDrawItem(eventArgs As BetterListViewDrawItemEventArgs)<br />
|
||||
If Me.m_hotItems.Contains(eventArgs.Item.Index) Then<br />
|
||||
eventArgs.ItemStateInfo = New BetterListViewItemStateInfo(eventArgs.ItemStateInfo.ItemState Or BetterListViewItemState.Hot, eventArgs.ItemStateInfo.ExpandButtonState, eventArgs.ItemStateInfo.CheckBoxState)<br />
|
||||
End If</p>
|
||||
<p>MyBase.OnDrawItem(eventArgs)<br />
|
||||
End Sub<br />
|
||||
End Class<br />
|
||||
[/vb]</p>
|
||||
<p> </p>
|
||||
<p>The <strong>HotListView</strong> contains one property called <strong>HotItems</strong>. When drawing items (<strong>OnDrawItem</strong> method), it looks whether the item is in the <strong>HotItems</strong> set. If so, item drawing state is altered so that the item will be drawn as hot.</p>
|
||||
<p>The modified ListView for second sample is even simpler. We call it <strong>HighlightListView</strong>:</p>
|
||||
<p> </p>
|
||||
<p><strong>C#</strong></p>
|
||||
<p>[csharp gutter=”false” toolbar=”false”]<br />
|
||||
public class HighlightListView : BetterListView<br />
|
||||
{<br />
|
||||
protected override void OnDrawItem(BetterListViewDrawItemEventArgs eventArgs)<br />
|
||||
{<br />
|
||||
if ((eventArgs.ItemStateInfo.ItemState & BetterListViewItemState.Selected) == BetterListViewItemState.Selected)<br />
|
||||
{<br />
|
||||
// if the item is selected, always draw control as if it is focused<br />
|
||||
eventArgs.DrawFocused = true;<br />
|
||||
}</p>
|
||||
<p>base.OnDrawItem(eventArgs);<br />
|
||||
}<br />
|
||||
}<br />
|
||||
[/csharp]</p>
|
||||
<p><strong>Visual Basic</strong></p>
|
||||
<p>[vb gutter=”false” toolbar=”false”]<br />
|
||||
Public Class HighlightListView<br />
|
||||
Inherits BetterListView<br />
|
||||
Protected Overrides Sub OnDrawItem(eventArgs As BetterListViewDrawItemEventArgs)<br />
|
||||
If (eventArgs.ItemStateInfo.ItemState And BetterListViewItemState.Selected) = BetterListViewItemState.Selected Then<br />
|
||||
‘ if the item is selected, always draw control as if it is focused<br />
|
||||
eventArgs.DrawFocused = True<br />
|
||||
End If</p>
|
||||
<p>MyBase.OnDrawItem(eventArgs)<br />
|
||||
End Sub<br />
|
||||
End Class<br />
|
||||
[/vb]</p>
|
||||
<p> </p>
|
||||
<p>This modification only draws selected items as if the control is always focused.</p>
|
||||
<p><strong>UPDATE:</strong> From Better ListView 2.3.1, you can simply use <strong>HideSelectionMode</strong> property to keep selected items highlighted.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/custom/index.html" rel="tag">custom</a>, <a href="tag/draw/index.html" rel="tag">draw</a>, <a href="tag/hot/index.html" rel="tag">hot</a>, <a href="tag/items/index.html" rel="tag">items</a>, <a href="tag/owner/index.html" rel="tag">owner</a>, <a href="tag/state/index.html" rel="tag">state</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=398.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='398' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="405e38fdf1" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="183"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:02 by W3 Total Cache
|
||||
-->
|
||||
308
src/data/blog/how-to-dynamically-resize-focused-item/index.html
Normal file
308
src/data/blog/how-to-dynamically-resize-focused-item/index.html
Normal file
@@ -0,0 +1,308 @@
|
||||
<!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>How To: Dynamically Resize Focused Item « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » How To: Dynamically Resize Focused Item Comments Feed" href="how-to-dynamically-resize-focused-item/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Displaying Multi-Line Text In ListView' href='index.html%3Fp=450.html' />
|
||||
<link rel='next' title='Combined Items in Better ListView' href='index.html%3Fp=478.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=468.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=468.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhow-to-dynamically-resize-focused-item%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhow-to-dynamically-resize-focused-item%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-468 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-468 post type-post status-publish format-standard hentry category-better-listview category-tutorials tag-better-listview-2 tag-custom tag-display tag-dynamic tag-focused tag-item tag-multi-line tag-multiline" id="post-468">
|
||||
<h2>How To: Dynamically Resize Focused Item</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Thursday, 22 December 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p><a href="../betterlistview.exe">Better ListView 2.4.0</a> now supports setting <strong>MaximumTextLines</strong> property on every item and sub-item, so you can have multi-line items each with different number text lines:</p>
|
||||
<div id="attachment_469" style="width: 321px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/12/screen-dynamic.gif"><img class="size-full wp-image-469" title="screen-dynamic" src="wp-content/uploads/2011/12/screen-dynamic.gif" alt="Dynamic resizing of the focused item" width="311" height="163" srcset="wp-content/uploads/2011/12/screen-dynamic.gif 311w, wp-content/uploads/2011/12/screen-dynamic-300x157.gif 300w" sizes="(max-width: 311px) 100vw, 311px" /></a><p class="wp-caption-text">Dynamic resizing of the focused item</p></div>
|
||||
<p>We also introduced <strong>FocusedItemChanged</strong> event, so that you can detect when focus has moved from one element (item / sub-item / group) to another.</p>
|
||||
<p>These features can be combined to display only the focused item with more details to save space code of the <strong>FocusedItemChanged</strong> event handler may look like this:</p>
|
||||
<p><strong>C#</strong></p>
|
||||
<p>[csharp gutter=”false” toolbar=”false”]<br />
|
||||
void ListViewFocusedItemChanged(object sender, BetterListViewFocusedItemChangedEventArgs eventArgs)<br />
|
||||
{<br />
|
||||
BetterListView listView = (BetterListView)sender;</p>
|
||||
<p> listView.BeginUpdate();</p>
|
||||
<p> if (eventArgs.FocusedItemOld != null)<br />
|
||||
{<br />
|
||||
// set single line of text for currenly unfocused item<br />
|
||||
eventArgs.FocusedItemOld.MaximumTextLines = 1;<br />
|
||||
}</p>
|
||||
<p> if (eventArgs.FocusedItemNew != null)<br />
|
||||
{<br />
|
||||
// set three lines of text for currenly focused item<br />
|
||||
eventArgs.FocusedItemNew.MaximumTextLines = 3;<br />
|
||||
}</p>
|
||||
<p> listView.EndUpdate();<br />
|
||||
}<br />
|
||||
[/csharp]</p>
|
||||
<p><strong>Visual Basic</strong></p>
|
||||
<p>[vb gutter=”false” toolbar=”false”]<br />
|
||||
Sub ListViewFocusedItemChanged(sender As Object, eventArgs As BetterListViewFocusedItemChangedEventArgs)<br />
|
||||
Dim ListView As BetterListView = DirectCast(sender, BetterListView)</p>
|
||||
<p> ListView.BeginUpdate()</p>
|
||||
<p> If eventArgs.FocusedItemOld IsNot Nothing Then<br />
|
||||
‘ set single line of text for currenly unfocused item<br />
|
||||
eventArgs.FocusedItemOld.MaximumTextLines = 1<br />
|
||||
End If</p>
|
||||
<p> If eventArgs.FocusedItemNew IsNot Nothing Then<br />
|
||||
‘ set three lines of text for currenly focused item<br />
|
||||
eventArgs.FocusedItemNew.MaximumTextLines = 3<br />
|
||||
End If</p>
|
||||
<p> ListView.EndUpdate()<br />
|
||||
End Sub<br />
|
||||
[/vb]</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/custom/index.html" rel="tag">custom</a>, <a href="tag/display/index.html" rel="tag">display</a>, <a href="tag/dynamic/index.html" rel="tag">dynamic</a>, <a href="tag/focused/index.html" rel="tag">focused</a>, <a href="tag/item/index.html" rel="tag">item</a>, <a href="tag/multi-line/index.html" rel="tag">multi-line</a>, <a href="tag/multiline/index.html" rel="tag">multiline</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=468.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='468' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="452bdccaea" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="61"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:52 by W3 Total Cache
|
||||
-->
|
||||
280
src/data/blog/how-to-hide-a-column-in-better-listview/index.html
Normal file
280
src/data/blog/how-to-hide-a-column-in-better-listview/index.html
Normal file
@@ -0,0 +1,280 @@
|
||||
<!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>How to Hide a Column in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » How to Hide a Column in Better ListView Comments Feed" href="how-to-hide-a-column-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Better ListView 2.00 released' href='index.html%3Fp=304.html' />
|
||||
<link rel='next' title='File Explorer with Better ListView' href='index.html%3Fp=340.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=330.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=330.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhow-to-hide-a-column-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhow-to-hide-a-column-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-330 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-330 post type-post status-publish format-standard hentry category-better-listview category-tutorials tag-2-01 tag-column tag-columns tag-details tag-hide tag-hiding tag-visible" id="post-330">
|
||||
<h2>How to Hide a Column in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Friday, 05 August 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>The most popular view in ListView-like controls seems to be the “<strong>Details</strong>” 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’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 – 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’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> </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> </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> </p>
|
||||
<p><strong><a href="../betterlistview.exe">Download Better ListView</a></strong></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/2-01/index.html" rel="tag">2.01</a>, <a href="tag/column/index.html" rel="tag">column</a>, <a href="tag/columns/index.html" rel="tag">columns</a>, <a href="tag/details/index.html" rel="tag">details</a>, <a href="tag/hide/index.html" rel="tag">hide</a>, <a href="tag/hiding/index.html" rel="tag">hiding</a>, <a href="tag/visible/index.html" rel="tag">visible</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=330.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='330' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="bbc2d4cdfc" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="12"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:12 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,362 @@
|
||||
<!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>How to Make Items Fading on Edges in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » How to Make Items Fading on Edges in Better ListView Comments Feed" href="how-to-make-items-fading-on-edges-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Hot Tracking Items in Better ListView' href='index.html%3Fp=861.html' />
|
||||
<link rel='next' title='Custom Scroll Bar Size in Better ListView' href='index.html%3Fp=878.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=868.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=868.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhow-to-make-items-fading-on-edges-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhow-to-make-items-fading-on-edges-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-868 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-868 post type-post status-publish format-standard hentry category-better-listview category-tutorials tag-better-listview-2 tag-borders tag-boundaries tag-drawing tag-drawn tag-edge tag-edges tag-fading tag-gradient tag-items tag-over tag-owner tag-ownerdrawing tag-ownerdrawn" id="post-868">
|
||||
<h2>How to Make Items Fading on Edges in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Tuesday, 05 March 2013 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p><img class="size-full wp-image-869 centered" title="Fading Edges in Better ListView" src="wp-content/uploads/2013/03/blv-fading.png" alt="Fading Edges in Better ListView" width="140" height="148" /></p>
|
||||
<p>I found the effect of fading borders impressive on my smartphone. This is actualy very easy to do as it requires a simple gradient brush.</p>
|
||||
<p>You can obtain the same effect with Better ListView by overriding the <strong>DrawingRedrawCore</strong> method and do the drawing over the items:</p>
|
||||
<p><strong>C#</strong></p>
|
||||
<p>[csharp gutter=”false” toolbar=”false”]<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 – 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=”false” toolbar=”false”]<br />
|
||||
Public Class CustomListView<br />
|
||||
Inherits BetterListView<br />
|
||||
”’ </p>
|
||||
<summary>
|
||||
”’ Default size of the fading gradient.<br />
|
||||
”’ </summary>
|
||||
<p> Private Const FadingSize As Integer = 64</p>
|
||||
<p> Public Sub New()<br />
|
||||
‘ 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> ‘ get boundaries of items (this excludes column headers and scroll bars)<br />
|
||||
Dim rectContent As Rectangle = BoundsContent</p>
|
||||
<p> ‘ get size of the gradient<br />
|
||||
Dim fadingSize__1 As Integer = Math.Min(FadingSize, rectContent.Height >> 1)</p>
|
||||
<p> ‘ 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 – fadingSize__1, rectContent.Width, fadingSize__1)</p>
|
||||
<p> ‘ 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> ‘ 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 />
|
||||
End Sub<br />
|
||||
End Class<br />
|
||||
[/vb]</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/borders/index.html" rel="tag">borders</a>, <a href="tag/boundaries/index.html" rel="tag">boundaries</a>, <a href="tag/drawing/index.html" rel="tag">drawing</a>, <a href="tag/drawn/index.html" rel="tag">drawn</a>, <a href="tag/edge/index.html" rel="tag">edge</a>, <a href="tag/edges/index.html" rel="tag">edges</a>, <a href="tag/fading/index.html" rel="tag">fading</a>, <a href="tag/gradient/index.html" rel="tag">gradient</a>, <a href="tag/items/index.html" rel="tag">items</a>, <a href="tag/over/index.html" rel="tag">over</a>, <a href="tag/owner/index.html" rel="tag">owner</a>, <a href="tag/ownerdrawing/index.html" rel="tag">ownerdrawing</a>, <a href="tag/ownerdrawn/index.html" rel="tag">ownerdrawn</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=868.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='868' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="97f89c81f5" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="21"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:38:58 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,341 @@
|
||||
<!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>How to Store Better ListView Content in a String (User Request) « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » How to Store Better ListView Content in a String (User Request) Comments Feed" href="how-to-store-better-listview-content-in-a-string-user-request/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Right-aligned Images in Better ListView' href='index.html%3Fp=780.html' />
|
||||
<link rel='next' title='Hiding Column Headers in Better ListView' href='index.html%3Fp=803.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=796.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=796.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhow-to-store-better-listview-content-in-a-string-user-request%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fhow-to-store-better-listview-content-in-a-string-user-request%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-796 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-796 post type-post status-publish format-standard hentry category-better-listview category-components category-tutorials tag-better-listview-2 tag-content tag-items tag-load tag-save tag-serialization tag-serialize tag-store" id="post-796">
|
||||
<h2>How to Store Better ListView Content in a String (User Request)</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Saturday, 04 August 2012 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/components/index.html" rel="category tag">Components</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<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=”false” toolbar=”false”]<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=”false” toolbar=”false”]<br />
|
||||
‘ SAVE<br />
|
||||
‘ create MemoryStream to hold binary data<br />
|
||||
Dim stream As New MemoryStream()<br />
|
||||
‘ store Better ListView content in memory stream<br />
|
||||
Me.listView.SaveContentBinary(stream)<br />
|
||||
‘ copy content of MemoryStream to byte array<br />
|
||||
Dim contentBinary As Byte() = New Byte(stream.Length – 1) {}<br />
|
||||
stream.Seek(0, SeekOrigin.Begin)<br />
|
||||
‘ convert byte array to Base64 string<br />
|
||||
stream.Read(contentBinary, 0, CInt(stream.Length))<br />
|
||||
‘ move to beginning of the stream<br />
|
||||
Dim contentStringBase64 As String = Convert.ToBase64String(contentBinary)<br />
|
||||
‘ close stream<br />
|
||||
stream.Close()<br />
|
||||
stream.Dispose()</p>
|
||||
<p>‘ CLEAR<br />
|
||||
Me.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)<br />
|
||||
‘ move to beginning of the stream<br />
|
||||
‘ load content of Better ListView from memory stream<br />
|
||||
Me.listView.LoadContentBinary(stream)<br />
|
||||
[/vb]</p>
|
||||
<p> </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 – 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 – 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 – this “tour de force” kind of Drag and Drop is not avaiable in regular .NET ListView).</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/content/index.html" rel="tag">content</a>, <a href="tag/items/index.html" rel="tag">items</a>, <a href="tag/load/index.html" rel="tag">load</a>, <a href="tag/save/index.html" rel="tag">save</a>, <a href="tag/serialization/index.html" rel="tag">serialization</a>, <a href="tag/serialize/index.html" rel="tag">serialize</a>, <a href="tag/store/index.html" rel="tag">store</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=796.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='796' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="ed2bcaa455" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="66"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:22 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,285 @@
|
||||
<!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>List-View Drag and Drop Item Reorder (Sort) « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » List-View Drag and Drop Item Reorder (Sort) Comments Feed" href="list-view-drag-and-drop-item-reorder-sort/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Better ListView 2.0 Sneak Peek (Item hierarchy, groups, more)' href='index.html%3Fp=232.html' />
|
||||
<link rel='next' title='Better ListView 2.0 Samples Launcher' href='index.html%3Fp=278.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=260.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=260.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Flist-view-drag-and-drop-item-reorder-sort%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Flist-view-drag-and-drop-item-reorder-sort%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-260 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-260 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-drag-and-drop-item-reordering tag-drag-and-drop-item-sort tag-drag-and-drop-reordering tag-item-reorder tag-item-sort tag-reorder tag-reordering tag-sort tag-sorting" id="post-260">
|
||||
<h2>List-View Drag and Drop Item Reorder (Sort)</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Brian Galura published on Tuesday, 07 June 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>Reordering items in list view control using drag and drop is very tricky. Implementation of item reorder requires multiple issues to be solved:</p>
|
||||
<ul>
|
||||
<li>Initialization of the drag & drop</li>
|
||||
<li>Insertion mark that previews where will be the dragged item moved</li>
|
||||
<li>The actual reordering of the items (custom code might be needed)</li>
|
||||
<li>Support of multiple drag drop effects (copy, move, link)</li>
|
||||
<li>It should not interfere with external drag and drop outside of the listview control</li>
|
||||
<li>It should not interfere with internal drag and drop <strong>into</strong> items.</li>
|
||||
<li>Reorder of multiple items (including non-continuous selection)</li>
|
||||
</ul>
|
||||
<p>Our <strong><a href="page/6/index.html">Better ListView control</a></strong> supports drag and drop item reordering out of the box. Zero code is needed – all you have to do is to set the property <strong>BetterListViewItemReorderMode</strong> to <strong>Enabled</strong>.</p>
|
||||
<p>It works just like this:</p>
|
||||
<p><img src="wp-content/uploads/2011/06/list-view-drag-drop-reordering-1.png" alt="Item drag and drop reorder" /></p>
|
||||
<p><img src="wp-content/uploads/2011/06/list-view-drag-drop-reordering-2.png" alt="Item drag and drop reorder" /></p>
|
||||
<p>You can just <strong><a href="../download/better-listview.html">download</a></strong> and install Better ListView, and start using it right away. It can do everything the regular .NET listview component can, and much more.</p>
|
||||
<p>See more in the Drag Drop Sample that is included with <a href="page/6/index.html">Better ListView</a>. It includes source code.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/drag-and-drop-item-reordering/index.html" rel="tag">drag and drop item reordering</a>, <a href="tag/drag-and-drop-item-sort/index.html" rel="tag">drag and drop item sort</a>, <a href="tag/drag-and-drop-reordering/index.html" rel="tag">drag and drop reordering</a>, <a href="tag/item-reorder/index.html" rel="tag">item reorder</a>, <a href="tag/item-sort/index.html" rel="tag">item sort</a>, <a href="tag/reorder/index.html" rel="tag">reorder</a>, <a href="tag/reordering/index.html" rel="tag">reordering</a>, <a href="tag/sort/index.html" rel="tag">sort</a>, <a href="tag/sorting/index.html" rel="tag">sorting</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=260.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='260' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="8692e228e6" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="37"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:21 by W3 Total Cache
|
||||
-->
|
||||
277
src/data/blog/non-selectable-items-in-better-listview/index.html
Normal file
277
src/data/blog/non-selectable-items-in-better-listview/index.html
Normal file
@@ -0,0 +1,277 @@
|
||||
<!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>Non-selectable Items in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Non-selectable Items in Better ListView Comments Feed" href="non-selectable-items-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Custom Behavior of Group Headers in Better ListView' href='index.html%3Fp=480.html' />
|
||||
<link rel='next' title='Read-Only Mode in Better ListView' href='2012/01/read-only-mode-in-better-listview/index.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=476.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=476.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fnon-selectable-items-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fnon-selectable-items-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-476 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-476 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-disable-item-selection tag-disabled tag-items tag-non-selectable tag-non-selectable-list-view-items tag-nonselectable tag-prevent-item-selection-in-list-view tag-read-only tag-readonly tag-separators" id="post-476">
|
||||
<h2>Non-selectable Items in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Wednesday, 25 January 2012 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>One of our users asked us whether it would be possible to make specific Better ListView items to be non-selectable because he wanted to have them in “disabled” state.</p>
|
||||
<p>We quickly realized that it might be very useful, in some cases, to have items with informative character only. Some of such non-selectable items can even be used as separators with the help of owner drawing:</p>
|
||||
<div id="attachment_511" style="width: 367px" class="wp-caption aligncenter"><a href="wp-content/uploads/2012/01/blv-nonselectable-1.png"><img class="size-full wp-image-511" title="blv-nonselectable-1" src="wp-content/uploads/2012/01/blv-nonselectable-1.png" alt="Non-selectable items" width="357" height="356" srcset="wp-content/uploads/2012/01/blv-nonselectable-1.png 357w, wp-content/uploads/2012/01/blv-nonselectable-1-150x150.png 150w, wp-content/uploads/2012/01/blv-nonselectable-1-300x300.png 300w" sizes="(max-width: 357px) 100vw, 357px" /></a><p class="wp-caption-text">Non-selectable items</p></div>
|
||||
<p>The non-selectable items behave just as their name suggests. They cannot be focused (they are skipped when jumping from item to item with arrow keys) and do not respond to drag selection:</p>
|
||||
<div id="attachment_512" style="width: 367px" class="wp-caption aligncenter"><a href="wp-content/uploads/2012/01/blv-nonselectable-2.png"><img class="size-full wp-image-512" title="blv-nonselectable-2" src="wp-content/uploads/2012/01/blv-nonselectable-2.png" alt="Non-selectable items" width="357" height="356" srcset="wp-content/uploads/2012/01/blv-nonselectable-2.png 357w, wp-content/uploads/2012/01/blv-nonselectable-2-150x150.png 150w, wp-content/uploads/2012/01/blv-nonselectable-2-300x300.png 300w" sizes="(max-width: 357px) 100vw, 357px" /></a><p class="wp-caption-text">Non-selectable items</p></div>
|
||||
<p>It is very easy to set-up such items. Simply set <strong>BetterListViewItem.Selectable</strong> property to <strong>false</strong>.</p>
|
||||
<p>The non-selectable items are displayed in the same way as normal items. They can contain child items (which are selectable until their <strong>Selectable</strong> property is set to <strong>false</strong>) and can be interactively expanded/collapsed.</p>
|
||||
<p>If you need to have all items non-selectable to use Better ListView for display-only, consider using the <a href="2012/01/read-only-mode-in-better-listview/index.html">Read-only mode</a>, which has been also introduced in version 2.5.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/disable-item-selection/index.html" rel="tag">disable item selection</a>, <a href="tag/disabled/index.html" rel="tag">disabled</a>, <a href="tag/items/index.html" rel="tag">items</a>, <a href="tag/non-selectable/index.html" rel="tag">non-selectable</a>, <a href="tag/non-selectable-list-view-items/index.html" rel="tag">non-selectable list view items</a>, <a href="tag/nonselectable/index.html" rel="tag">nonselectable</a>, <a href="tag/prevent-item-selection-in-list-view/index.html" rel="tag">prevent item selection in list view</a>, <a href="tag/read-only/index.html" rel="tag">read-only</a>, <a href="tag/readonly/index.html" rel="tag">readonly</a>, <a href="tag/separators/index.html" rel="tag">separators</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=476.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='476' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="e0e13bc8d4" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="46"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:42 by W3 Total Cache
|
||||
-->
|
||||
279
src/data/blog/read-only-mode-in-better-listview/index.html
Normal file
279
src/data/blog/read-only-mode-in-better-listview/index.html
Normal file
@@ -0,0 +1,279 @@
|
||||
<!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>Read-Only Mode in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Read-Only Mode in Better ListView Comments Feed" href="read-only-mode-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Non-selectable Items in Better ListView' href='index.html%3Fp=476.html' />
|
||||
<link rel='next' title='Hiding Items in Better ListView' href='index.html%3Fp=546.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="2012/01/read-only-mode-in-better-listview/index.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=482.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fread-only-mode-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fread-only-mode-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-482 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-482 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-disabled tag-enabled tag-listview tag-mode tag-read-only tag-readonly tag-state" id="post-482">
|
||||
<h2>Read-Only Mode in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Friday, 27 January 2012 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p><a href="../betterlistview.exe">Better ListView 2.5</a> introduces a new boolean property called <strong>ReadOnly</strong>.</p>
|
||||
<p>When set to true, the Better ListView does not respond to keyboard and mouse input. There are, however, some exceptions that make the <em>Read-only</em> mode different to the <em>Disabled</em> mode (when <strong>Enabled</strong> property is set to <strong>false</strong>).</p>
|
||||
<p>When in Read-only mode, content of the Better ListView can be still scrolled (the scroll bars are enabled) and groups/items can be expanded/collapsed.</p>
|
||||
<p>The difference between Disabled and Read-only can be seen on the following images:</p>
|
||||
<div id="attachment_491" style="width: 317px" class="wp-caption aligncenter"><a href="wp-content/uploads/2012/01/blv-readonly-1.png"><img class="size-full wp-image-491" title="blv-readonly-1" src="wp-content/uploads/2012/01/blv-readonly-1.png" alt="Normal state" width="307" height="235" srcset="wp-content/uploads/2012/01/blv-readonly-1.png 307w, wp-content/uploads/2012/01/blv-readonly-1-300x229.png 300w" sizes="(max-width: 307px) 100vw, 307px" /></a><p class="wp-caption-text">Normal state</p></div>
|
||||
<div id="attachment_492" style="width: 317px" class="wp-caption aligncenter"><a href="wp-content/uploads/2012/01/blv-readonly-2.png"><img class="size-full wp-image-492" title="blv-readonly-2" src="wp-content/uploads/2012/01/blv-readonly-2.png" alt="Disabled state" width="307" height="235" srcset="wp-content/uploads/2012/01/blv-readonly-2.png 307w, wp-content/uploads/2012/01/blv-readonly-2-300x229.png 300w" sizes="(max-width: 307px) 100vw, 307px" /></a><p class="wp-caption-text">Disabled state</p></div>
|
||||
<div id="attachment_493" style="width: 317px" class="wp-caption aligncenter"><a href="wp-content/uploads/2012/01/blv-readonly-3.png"><img class="size-full wp-image-493" title="blv-readonly-3" src="wp-content/uploads/2012/01/blv-readonly-3.png" alt="Read-only state" width="307" height="235" srcset="wp-content/uploads/2012/01/blv-readonly-3.png 307w, wp-content/uploads/2012/01/blv-readonly-3-300x229.png 300w" sizes="(max-width: 307px) 100vw, 307px" /></a><p class="wp-caption-text">Read-only state</p></div>
|
||||
<p> </p>
|
||||
<p>As you can see, the Better ListView is displayed normally in Read-only mode, but the group header does not have a hot state (because cannot be focused). Items also cannot be focused or selected, but the expand buttons are still interactive.</p>
|
||||
<p>The scroll bars would also be enabled and can be used, which is different from <em>Disabled</em> mode where everything is grayed and cannot be used.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/disabled/index.html" rel="tag">disabled</a>, <a href="tag/enabled/index.html" rel="tag">enabled</a>, <a href="tag/listview/index.html" rel="tag">listview</a>, <a href="tag/mode/index.html" rel="tag">mode</a>, <a href="tag/read-only/index.html" rel="tag">read-only</a>, <a href="tag/readonly/index.html" rel="tag">readonly</a>, <a href="tag/state/index.html" rel="tag">state</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="2012/01/read-only-mode-in-better-listview/index.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='482' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="de042397a8" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="190"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:38 by W3 Total Cache
|
||||
-->
|
||||
275
src/data/blog/right-aligned-images-in-better-listview/index.html
Normal file
275
src/data/blog/right-aligned-images-in-better-listview/index.html
Normal file
@@ -0,0 +1,275 @@
|
||||
<!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>Right-aligned Images in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Right-aligned Images in Better ListView Comments Feed" href="right-aligned-images-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Customize Label Editing (Embedded) Control for Each Line in Better ListView' href='index.html%3Fp=771.html' />
|
||||
<link rel='next' title='How to Store Better ListView Content in a String (User Request)' href='index.html%3Fp=796.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=780.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=780.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fright-aligned-images-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fright-aligned-images-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-780 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-780 post type-post status-publish format-standard hentry category-better-listview category-tutorials tag-align tag-aligned tag-alignment tag-better tag-better-listview-2 tag-column tag-images tag-listview tag-right tag-sub-item tag-subitem" id="post-780">
|
||||
<h2>Right-aligned Images in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Thursday, 19 April 2012 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p><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="2011/11/vertical-alignment-and-text-wrapping-in-better-listview/index.html">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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/align/index.html" rel="tag">align</a>, <a href="tag/aligned/index.html" rel="tag">aligned</a>, <a href="tag/alignment/index.html" rel="tag">alignment</a>, <a href="tag/better/index.html" rel="tag">better</a>, <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/column/index.html" rel="tag">column</a>, <a href="tag/images/index.html" rel="tag">images</a>, <a href="tag/listview/index.html" rel="tag">listview</a>, <a href="tag/right/index.html" rel="tag">right</a>, <a href="tag/sub-item/index.html" rel="tag">sub-item</a>, <a href="tag/subitem/index.html" rel="tag">subitem</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=780.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='780' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="2f6389b0ab" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="204"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:39:25 by W3 Total Cache
|
||||
-->
|
||||
366
src/data/blog/search-filtering-in-better-listview/index.html
Normal file
366
src/data/blog/search-filtering-in-better-listview/index.html
Normal file
@@ -0,0 +1,366 @@
|
||||
<!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>Search Filtering in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Search Filtering in Better ListView Comments Feed" href="search-filtering-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Custom Scroll Bar Size in Better ListView' href='index.html%3Fp=878.html' />
|
||||
<link rel='next' title='Alternating Rows in Better ListView' href='index.html%3Fp=888.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=882.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=882.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fsearch-filtering-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fsearch-filtering-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-882 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-882 post type-post status-publish format-standard hentry category-better-listview category-tutorials" id="post-882">
|
||||
<h2>Search Filtering in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Monday, 03 February 2014 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<div id="attachment_883" style="width: 93px" class="wp-caption aligncenter"><a href="wp-content/uploads/2014/02/image.gif"><img class="size-full wp-image-883" title="Search Filtering" src="wp-content/uploads/2014/02/image.gif" alt="Search Filtering" width="83" height="153" /></a><p class="wp-caption-text">Search Filtering with highlight</p></div>
|
||||
<p>There are few ways of making searching in large list of items more convenient. For example, Better ListView provides <strong>Search Highlighting</strong> and <strong>Item Hiding</strong> features that can be used to improve searching. The above animation shows both of these features in action when searching for a word “pear” using keyboard.</p>
|
||||
<p>The implementation is very simple and involves handling just two events: <strong>ItemSearch</strong> (raised whenever item is searched, e.g. using keyboard ) and <strong>KeyDown</strong>:</p>
|
||||
<p>[csharp gutter=”false” toolbar=”false”]<br />
|
||||
var listView = new BetterListView();</p>
|
||||
<p>listView.Items.AddRange(new[] { “apple”, “pear”, “pineapple”, “orange”, “grapefruit”, “cherry”, “avocado” });</p>
|
||||
<p>listView.ItemSearch += listView_ItemSearch;<br />
|
||||
listView.KeyDown += listView_KeyDown;<br />
|
||||
[/csharp]</p>
|
||||
<p>The ItemSearch event handler finds matching items and sets their visibility accordingly. It also updates the highlighting:</p>
|
||||
<p>[csharp gutter=”false” toolbar=”false”]<br />
|
||||
void listView_ItemSearch(object sender, BetterListViewItemSearchEventArgs eventArgs)<br />
|
||||
{<br />
|
||||
var listView = (BetterListView)sender;</p>
|
||||
<p> listView.BeginUpdate();</p>
|
||||
<p> // update item visibility according to search query string<br />
|
||||
foreach (var item in listView.Items)<br />
|
||||
{<br />
|
||||
bool match = item.Text.Contains(eventArgs.QueryString);</p>
|
||||
<p> if (match)<br />
|
||||
{<br />
|
||||
item.Visible = true;</p>
|
||||
<p> item.SearchHighlight = new BetterListViewSearchHighlight(<br />
|
||||
0,<br />
|
||||
item.Text.IndexOf(eventArgs.QueryString, StringComparison.Ordinal),<br />
|
||||
eventArgs.QueryString.Length);<br />
|
||||
}<br />
|
||||
else<br />
|
||||
{<br />
|
||||
item.Visible = false;<br />
|
||||
}<br />
|
||||
}</p>
|
||||
<p> listView.EndUpdate();<br />
|
||||
}<br />
|
||||
[/csharp]</p>
|
||||
<p>Finally, the KeyDown event handler resets the view when Escape key is pressed (all items are made visible and the highlight is removed):</p>
|
||||
<p>[csharp gutter=”false” toolbar=”false”]<br />
|
||||
void listView_KeyDown(object sender, KeyEventArgs e)<br />
|
||||
{<br />
|
||||
var listView = (BetterListView)sender;</p>
|
||||
<p> listView.BeginUpdate();</p>
|
||||
<p> if (e.KeyCode == Keys.Escape)<br />
|
||||
{<br />
|
||||
// remove search highlight<br />
|
||||
//NOTE: we could use BetterListView.RemoveSearchHighlight() but this applies to visible items only and some items are hidden at the time<br />
|
||||
foreach (var item in listView.Items)<br />
|
||||
{<br />
|
||||
item.SearchHighlight = BetterListViewSearchHighlight.Empty;<br />
|
||||
}</p>
|
||||
<p> // make all items visible<br />
|
||||
foreach (var item in listView.Items)<br />
|
||||
{<br />
|
||||
item.Visible = true;<br />
|
||||
}</p>
|
||||
<p> // mark the key as handled<br />
|
||||
e.Handled = true;</p>
|
||||
<p> // suppress KeyPress event to prevent ItemSearch from happening<br />
|
||||
e.SuppressKeyPress = true;<br />
|
||||
}</p>
|
||||
<p> listView.EndUpdate();<br />
|
||||
}<br />
|
||||
[/csharp]</p>
|
||||
<p>And that’s it!</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags"> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
<h3 id="comments">2 Responses to “Search Filtering in Better ListView”</h3>
|
||||
|
||||
<ol class="commentlist">
|
||||
<li class="comment even thread-even depth-1 parent" id="comment-1353">
|
||||
<div id="div-comment-1353" class="comment-body">
|
||||
<div class="comment-author vcard">
|
||||
<img alt='' src='http://0.gravatar.com/avatar/f3352122d4da0c19da0551ec570bcfea?s=32&d=retro&r=g' srcset="http://0.gravatar.com/avatar/f3352122d4da0c19da0551ec570bcfea?s=64&d=retro&r=g 2x" class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">mustafa salah</cite> <span class="says">says:</span> </div>
|
||||
|
||||
<div class="comment-meta commentmetadata"><a href="index.html%3Fp=882.html#comment-1353">
|
||||
May 3, 2014 at 2:52 pm</a> </div>
|
||||
|
||||
<p>Is this applicable for Express version?</p>
|
||||
|
||||
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='search-filtering-in-better-listview/index.html%3Freplytocom=1353.html#respond' onclick='return addComment.moveForm( "div-comment-1353", "1353", "respond", "882" )' aria-label='Reply to mustafa salah'>Reply</a></div>
|
||||
</div>
|
||||
<ul class="children">
|
||||
<li class="comment byuser comment-author-libortinka bypostauthor odd alt depth-2" id="comment-1369">
|
||||
<div id="div-comment-1369" class="comment-body">
|
||||
<div class="comment-author vcard">
|
||||
<img alt='' src='http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=32&d=retro&r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&d=retro&r=g 2x" class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Libor Tinka</cite> <span class="says">says:</span> </div>
|
||||
|
||||
<div class="comment-meta commentmetadata"><a href="index.html%3Fp=882.html#comment-1369">
|
||||
July 6, 2014 at 9:38 pm</a> </div>
|
||||
|
||||
<p>Yes, this feature is also available in Express version.</p>
|
||||
|
||||
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='search-filtering-in-better-listview/index.html%3Freplytocom=1369.html#respond' onclick='return addComment.moveForm( "div-comment-1369", "1369", "respond", "882" )' aria-label='Reply to Libor Tinka'>Reply</a></div>
|
||||
</div>
|
||||
</li><!-- #comment-## -->
|
||||
</ul><!-- .children -->
|
||||
</li><!-- #comment-## -->
|
||||
</ol>
|
||||
|
||||
<div class="navigation">
|
||||
<div class="alignleft"></div>
|
||||
<div class="alignright"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=882.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='882' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="9bb2193798" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="182"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:38:51 by W3 Total Cache
|
||||
-->
|
||||
275
src/data/blog/sub-item-check-boxes-in-better-listview/index.html
Normal file
275
src/data/blog/sub-item-check-boxes-in-better-listview/index.html
Normal file
@@ -0,0 +1,275 @@
|
||||
<!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>Sub-item Check Boxes in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Sub-item Check Boxes in Better ListView Comments Feed" href="sub-item-check-boxes-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='How to Add Grid Lines in Empty Space in Better ListView' href='index.html%3Fp=894.html' />
|
||||
<link rel='next' title='Centering Images in Better ListView Sub-items' href='index.html%3Fp=906.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=901.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=901.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fsub-item-check-boxes-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fsub-item-check-boxes-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-901 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-901 post type-post status-publish format-standard hentry category-announcements category-better-listview category-tutorials tag-better tag-box tag-boxes tag-buttons tag-cell tag-cells tag-check tag-checkbox tag-checkboxes tag-listview tag-radio tag-radios tag-sub-item tag-subitem tag-subitems" id="post-901">
|
||||
<h2>Sub-item Check Boxes in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Sunday, 06 July 2014 in <a href="category/announcements/index.html" rel="category tag">Announcements</a>, <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<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’s properties do not apply as they are overriden by item’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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better/index.html" rel="tag">better</a>, <a href="tag/box/index.html" rel="tag">box</a>, <a href="tag/boxes/index.html" rel="tag">boxes</a>, <a href="tag/buttons/index.html" rel="tag">buttons</a>, <a href="tag/cell/index.html" rel="tag">cell</a>, <a href="tag/cells/index.html" rel="tag">cells</a>, <a href="tag/check/index.html" rel="tag">check</a>, <a href="tag/checkbox/index.html" rel="tag">checkbox</a>, <a href="tag/checkboxes/index.html" rel="tag">checkboxes</a>, <a href="tag/listview/index.html" rel="tag">listview</a>, <a href="tag/radio/index.html" rel="tag">radio</a>, <a href="tag/radios/index.html" rel="tag">radios</a>, <a href="tag/sub-item/index.html" rel="tag">sub-item</a>, <a href="tag/subitem/index.html" rel="tag">subitem</a>, <a href="tag/subitems/index.html" rel="tag">subitems</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=901.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='901' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="d02eccecc4" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="238"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:38:42 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,296 @@
|
||||
<!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>Synergy of Better ListView and Our Applications « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Synergy of Better ListView and Our Applications Comments Feed" href="synergy-of-better-listview-and-our-applications/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Better ListView released' href='index.html%3Fp=34.html' />
|
||||
<link rel='next' title='Better ListView reviewed at DevProConnections.com' href='index.html%3Fp=93.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=40.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=40.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fsynergy-of-better-listview-and-our-applications%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fsynergy-of-better-listview-and-our-applications%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-40 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-40 post type-post status-publish format-standard hentry category-components" id="post-40">
|
||||
<h2>Synergy of Better ListView and Our Applications</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Thursday, 27 January 2011 in <a href="category/components/index.html" rel="category tag">Components</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>When developing sofware application, a custom component of some non-trivial scale is sometimes needed. Complex components are often created in companies as internal, single-purpose projects and never see wider public. This would be the case with our custom ListView component, but its scale and versability convinced us to made it available for others. You can read <a href="../better-listview/story.html">the story</a> behind, or just take a look on how exactly we use it.</p>
|
||||
<p>We at Dextronet are developing several desktop applications, which benefits from custom components. Our flagship product <a href="http://www.dextronet.com/swift-to-do-list-software/">Swift To-Do List</a> and ImagingShop (yet in the docks) both needed a serious visual component for major part of its client area. Look at screenshots of these applications:</p>
|
||||
<table cellpadding="8" align="center">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><a href="wp-content/uploads/2011/01/stdl-full.jpg"><img class="size-medium wp-image-43 " title="stdl-full" src="wp-content/uploads/2011/01/stdl-full-300x206.jpg" alt="Swift To-Do List" width="240" height="165" srcset="wp-content/uploads/2011/01/stdl-full-300x206.jpg 300w, wp-content/uploads/2011/01/stdl-full.jpg 988w" sizes="(max-width: 240px) 100vw, 240px" /></a></td>
|
||||
<td><a href="wp-content/uploads/2011/01/is-full.jpg"><img class="size-medium wp-image-41 " title="is-full" src="wp-content/uploads/2011/01/is-full-300x229.jpg" alt="ImagingShop" width="240" height="183" srcset="wp-content/uploads/2011/01/is-full-300x229.jpg 300w, wp-content/uploads/2011/01/is-full.jpg 1019w" sizes="(max-width: 240px) 100vw, 240px" /></a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>It may not be noticeable where the ListView-like component is, so there is the highlighted version:</p>
|
||||
<table cellpadding="8" align="center">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><a href="wp-content/uploads/2011/01/stdl-highlight.jpg"><img class="size-medium wp-image-43 " title="stdl-full" src="wp-content/uploads/2011/01/stdl-highlight-300x206.jpg" alt="Swift To-Do List" width="240" height="165" /></a></td>
|
||||
<td><a href="wp-content/uploads/2011/01/is-highlight.jpg"><img class="size-medium wp-image-41 " title="is-full" src="wp-content/uploads/2011/01/is-highlight-300x229.jpg" alt="ImagingShop" width="240" height="183" /></a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>These parts look very different, as the applications have different purpose. One is a task management/sheduling software, and the second is a photo management/editing software.</p>
|
||||
<p>In the first case, we have to deal with specific requirements like <em>multi-column sorting</em>, <em>cell highlighting</em>, <em>item reordering</em> and of course <a href="../quick-start-guide/better-listview/index.html">many, many more</a>…</p>
|
||||
<p>In the second case, photo application required display of <em>arbitrarily-sized thumbnails</em>, <em>custom tooltips</em> and <em>multi-line captions</em>.</p>
|
||||
<p>It was apparent, that the .NET ListView is not able to fullfill all of these requirements even if we bend and customize it to the limit. ListView is also a visual component of long history dating back to the earliest versions of Microsoft Windows. During its lifetime, it grabbed problematic stuff, that have to be kept for backward compatibility.</p>
|
||||
<p>And the .NET ListView is a wrapper around all this. It contains hacks and workarounds to make it work more properly. Even with all that, try to display a backround watermark image while retaining Vista visual style. Impossible.</p>
|
||||
<p>So we designed a control that lacks all the bugs and drawbacks of the .NET ListView while containing all the sweet features. It was ready to use for our needs.</p>
|
||||
<p>But it has some 40 K lines of code and aspiring to be itself a product. We decided to develop Better ListView as a commercialy available component at the very beginning of its development.</p>
|
||||
<p>We agreed on this kind of win-win-win strategy (for the end-user, for customer-developer, and for us) and hope all will benefit from maintaining a better Better ListView :-)</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags"> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=40.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='40' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="8ce7ba6ad0" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="127"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:45 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,279 @@
|
||||
<!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>The Three Main Advantages Better ListView has Over the Classic .NET Framework « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » The Three Main Advantages Better ListView has Over the Classic .NET Framework Comments Feed" href="the-three-main-advantages-componentowl-has-over-the-classic-net-framework/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='BLV and Internet Explorer' href='index.html%3Fp=914.html' />
|
||||
<link rel='next' title='Activation issues and how to solve them' href='index.html%3Fp=927.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=921.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=921.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fthe-three-main-advantages-componentowl-has-over-the-classic-net-framework%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fthe-three-main-advantages-componentowl-has-over-the-classic-net-framework%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-921 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-921 post type-post status-publish format-standard hentry category-better-listview" id="post-921">
|
||||
<h2>The Three Main Advantages Better ListView has Over the Classic .NET Framework</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Brian Galura published on Thursday, 09 February 2017 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>Dear Readers,<br />
|
||||
When evaluating an alternative to replace the .NET ListView you might stumble upon the question: what sets the different solutions available apart from each other? Which one meets my demands the best?<br />
|
||||
Here are the three main reasons we think Better ListView is the ideal solution for you if you are planning to use a professional alternative:</p>
|
||||
<p><strong>1) The intuitive approach on getting started</strong></p>
|
||||
<p>The good thing is, you can get started right away. Due to the build-up of processes, as well as the well documented procedures you have almost no learning period. Component Owl keeps its design close to the original .NET ListView so you do not have to get acquainted to a completely new system. But still, the changes made are substantial enough to make your working routine so much easier. Whether its the inbuilt drag & drop, the sub-item images or the multi-column sorting, the processes are meant to make your life easier.</p>
|
||||
<p><strong>2) The fast and helpful support</strong></p>
|
||||
<p>As Component Owl has been on the market for quite a while now, it has been further developed and improved countless times, resulting in a detailed and meaningful FAQ which answer to the majority of your questions. In case you cannot find the answer you need, you can rely on our support system which will give you feedback on you request within 24 hours. This allows you to keep the workflow going with almost no interruptions and puts you ahead of the freeware users.</p>
|
||||
<p><strong>3) The possibility to customize</strong></p>
|
||||
<p>Just like every developer has his own style of working, Component Owl can be customized to every user needs. The many opportunities to adapt your surface to your favorite design or to arrange the necessary tools the way you need them, allows you to optimize your workflow to perform even better.</p>
|
||||
<p>These 3 named advantages are just a few of the many that Component Owl offers you. For more infromation just <a href="page/6/index.html">check out</a> our trial version to see for yourself.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags"> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=921.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='921' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="ced038638c" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="19"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:37:40 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,312 @@
|
||||
<!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>Vertical Alignment and Text Wrapping in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Vertical Alignment and Text Wrapping in Better ListView Comments Feed" href="vertical-alignment-and-text-wrapping-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='How to Display Items in Custom States' href='index.html%3Fp=398.html' />
|
||||
<link rel='next' title='Displaying Multi-Line Text In ListView' href='index.html%3Fp=450.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=437.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=437.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fvertical-alignment-and-text-wrapping-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fvertical-alignment-and-text-wrapping-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-437 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-437 post type-post status-publish format-standard hentry category-better-listview category-tutorials tag-alignment tag-sub-item tag-text tag-vertical tag-wrapping" id="post-437">
|
||||
<h2>Vertical Alignment and Text Wrapping in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Wednesday, 16 November 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a>, <a href="category/tutorials/index.html" rel="category tag">Tutorials</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>.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> – 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> – the text will not be wrapped at all</li>
|
||||
<li><strong>Space</strong> – 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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/alignment/index.html" rel="tag">alignment</a>, <a href="tag/sub-item/index.html" rel="tag">sub-item</a>, <a href="tag/text/index.html" rel="tag">text</a>, <a href="tag/vertical/index.html" rel="tag">vertical</a>, <a href="tag/wrapping/index.html" rel="tag">wrapping</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
<h3 id="comments">One Response to “Vertical Alignment and Text Wrapping in Better ListView”</h3>
|
||||
|
||||
<ol class="commentlist">
|
||||
<li class="comment even thread-even depth-1" id="comment-1092">
|
||||
<div id="div-comment-1092" class="comment-body">
|
||||
<div class="comment-author vcard">
|
||||
<img alt='' src='http://0.gravatar.com/avatar/00bb171c0142a6ab7d9778e3e085fe09?s=32&d=retro&r=g' srcset="http://0.gravatar.com/avatar/00bb171c0142a6ab7d9778e3e085fe09?s=64&d=retro&r=g 2x" class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn"><a href='http://twitter.com/dan3r3' rel='external nofollow' class='url'>Daniel N</a></cite> <span class="says">says:</span> </div>
|
||||
|
||||
<div class="comment-meta commentmetadata"><a href="index.html%3Fp=437.html#comment-1092">
|
||||
November 17, 2011 at 3:44 am</a> </div>
|
||||
|
||||
<p>Very nice guys… With each new version, Better ListView is doing exactly that: just getting better and better!</p>
|
||||
<p>I am particularly keen to try putting in my own linebreaks into items in the details view.</p>
|
||||
|
||||
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='vertical-alignment-and-text-wrapping-in-better-listview/index.html%3Freplytocom=1092.html#respond' onclick='return addComment.moveForm( "div-comment-1092", "1092", "respond", "437" )' aria-label='Reply to Daniel N'>Reply</a></div>
|
||||
</div>
|
||||
</li><!-- #comment-## -->
|
||||
</ol>
|
||||
|
||||
<div class="navigation">
|
||||
<div class="alignleft"></div>
|
||||
<div class="alignright"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=437.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='437' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="54acea429a" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="149"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:00 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,288 @@
|
||||
<!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>What we are working on: Groups, Item hierarchy support « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » What we are working on: Groups, Item hierarchy support Comments Feed" href="what-we-are-working-on-groups-item-hierarchy-support/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Better ListView 1.50 released' href='index.html%3Fp=119.html' />
|
||||
<link rel='next' title='How to Change List View Mouse Wheel Scroll Speed' href='index.html%3Fp=189.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=129.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=129.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fwhat-we-are-working-on-groups-item-hierarchy-support%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fwhat-we-are-working-on-groups-item-hierarchy-support%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-129 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-129 post type-post status-publish format-standard hentry category-better-listview" id="post-129">
|
||||
<h2>What we are working on: Groups, Item hierarchy support</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Brian Galura published on Monday, 21 February 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>We are currently working on another major upgrade of our <a href="page/6/index.html"><strong>list view control for .net</strong></a>. This update should be released in less than 30 days.</p>
|
||||
<p>It will contain two new major features: Excellent item grouping support, and support of simple hierarchical structure in the details view (collapsible list view items).</p>
|
||||
<h1>Better list view groups</h1>
|
||||
<p>Better ListView does not support grouping in the current version 1.50. However, this new upgrade will add excellent grouping support. The groups in Better ListView will be much more powerful and flexible than the groups in the regular .net list view. The groups will:</p>
|
||||
<ul>
|
||||
<li>Support collapse/expand</li>
|
||||
<li>Support checkboxes (3-state)</li>
|
||||
<li>Support their own images</li>
|
||||
<li>Support their own tooltips</li>
|
||||
<li>Be selectable</li>
|
||||
<li>Support custom fonts</li>
|
||||
<li>Support their own custom context menu</li>
|
||||
</ul>
|
||||
<h1>Item hierarchy of list view items</h1>
|
||||
<p>The new version of Better ListView will also support easy to use <strong>tree-like item hierarchy</strong>. You will be able to simply set parent of any list item, and thus create a simple tree in the details view of the list view control.</p>
|
||||
<ul>
|
||||
<li>All parent items will support collapse/expand</li>
|
||||
<li>All parent items will have configurable checkbox (so you can show or hide it for each item)</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags"> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=129.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='129' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="e1a722a260" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="140"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:36 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,277 @@
|
||||
<!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>Windows Theme Support in Better ListView « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Windows Theme Support in Better ListView Comments Feed" href="windows-theme-support-in-better-listview/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='Better ListView 2.0 Samples Launcher' href='index.html%3Fp=278.html' />
|
||||
<link rel='next' title='Better ListView 2.00 released' href='index.html%3Fp=304.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="2011/07/windows-theme-support-in-better-listview/index.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=287.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fwindows-theme-support-in-better-listview%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Fwindows-theme-support-in-better-listview%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-287 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-287 post type-post status-publish format-standard hentry category-better-listview tag-aero tag-better tag-classic tag-collapse tag-collapsible tag-groups tag-listview tag-luna tag-refresh tag-runtime tag-support tag-theme tag-xp" id="post-287">
|
||||
<h2>Windows Theme Support in Better ListView</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Friday, 01 July 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<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;"> </p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/aero/index.html" rel="tag">aero</a>, <a href="tag/better/index.html" rel="tag">better</a>, <a href="tag/classic/index.html" rel="tag">classic</a>, <a href="tag/collapse/index.html" rel="tag">collapse</a>, <a href="tag/collapsible/index.html" rel="tag">collapsible</a>, <a href="tag/groups/index.html" rel="tag">groups</a>, <a href="tag/listview/index.html" rel="tag">listview</a>, <a href="tag/luna/index.html" rel="tag">luna</a>, <a href="tag/refresh/index.html" rel="tag">refresh</a>, <a href="tag/runtime/index.html" rel="tag">runtime</a>, <a href="tag/support/index.html" rel="tag">support</a>, <a href="tag/theme/index.html" rel="tag">theme</a>, <a href="tag/xp/index.html" rel="tag">xp</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="2011/07/windows-theme-support-in-better-listview/index.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='287' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="fbfe47d0ff" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="48"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:14 by W3 Total Cache
|
||||
-->
|
||||
@@ -0,0 +1,284 @@
|
||||
<!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>Work in Progress: “Groups” / “Item Hierarchy” Features « Owl'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's Blog on .NET development » Feed" href="feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Comments Feed" href="comments/feed/index.html" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Owl's Blog on .NET development » Work in Progress: “Groups” / “Item Hierarchy” Features Comments Feed" href="tedious-work-with-groups-and-item-hierarchy-features/feed/index.html" />
|
||||
<script type="text/javascript">
|
||||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
|
||||
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
|
||||
</script>
|
||||
<style type="text/css">
|
||||
img.wp-smiley,
|
||||
img.emoji {
|
||||
display: inline !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 .07em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
background: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
|
||||
<link rel='https://api.w.org/' href='wp-json/index.html' />
|
||||
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
|
||||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
|
||||
<link rel='prev' title='How to Change List View Mouse Wheel Scroll Speed' href='index.html%3Fp=189.html' />
|
||||
<link rel='next' title='Better ListView 1.52 released' href='index.html%3Fp=213.html' />
|
||||
<meta name="generator" content="WordPress 4.9.8" />
|
||||
<link rel="canonical" href="index.html%3Fp=204.html" />
|
||||
<link rel='shortlink' href='index.html%3Fp=204.html' />
|
||||
<link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Ftedious-work-with-groups-and-item-hierarchy-features%252F.html" />
|
||||
<link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed%3Furl=http:%252F%252Fwww.componentowl.com%252Fblog%252Ftedious-work-with-groups-and-item-hierarchy-features%252F&format=xml.html" />
|
||||
<script type="text/javascript" src="../javascripts/plugins/jquery.validation.js"></script>
|
||||
<script type="text/javascript" src="../javascripts/dextronet.js"></script>
|
||||
<script type="text/javascript" src="wp-content/themes/componentowl/javascripts/theme.js"></script>
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
#d-menu .dropdown .outer { background-image: none; }
|
||||
#d-menu .dropdown .shadowbox { background-image: none; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="post-template-default single single-post postid-204 single-format-standard">
|
||||
|
||||
<div class="d-page">
|
||||
<div class="d-placing">
|
||||
<div class="d-content-wrap">
|
||||
|
||||
<div class="d-main">
|
||||
|
||||
<h1 class="blog-name"><a href="../blog.html">Owl's Blog on .NET development</a></h1>
|
||||
|
||||
<div class="blog-description">Component Owl codes Better ListView control all night so you don't have to.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-204 post type-post status-publish format-standard hentry category-better-listview tag-better-listview-2 tag-explorer tag-groups tag-hierarchy tag-item tag-native-look tag-progress tag-styles tag-themes tag-update tag-visual tag-working-on tag-xp" id="post-204">
|
||||
<h2>Work in Progress: “Groups” / “Item Hierarchy” Features</h2>
|
||||
|
||||
<p class="postmetadata">
|
||||
Blog Post by Libor Tinka published on Friday, 25 March 2011 in <a href="category/better-listview/index.html" rel="category tag">Better ListView</a> </p>
|
||||
|
||||
<div class="entry">
|
||||
<p>We’re currently developing complex, but very useful features for the new major version of Better ListView:</p>
|
||||
<ul>
|
||||
<li><strong>Groups</strong> – to enable grouping items into collapsible areas with “group headers”</li>
|
||||
<li><strong>Item Hierarchy</strong> – to allow for visually organizing items like in the tree</li>
|
||||
</ul>
|
||||
<p>We are facing some non-trivial obstacles on the journey You might be interested in:</p>
|
||||
<h2>Tree Structure vs List Structure</h2>
|
||||
<p>In all tree/list hybrid controls we saw there is an underlying tree structure made of nodes (like in the <em>TreeView</em> control). These hybrid controls are basically a tree with ability to be displayed as list.</p>
|
||||
<p>In <em>Better ListView</em>, however, the primary data structure is a list, which is flat. Item hierarchy is still possible and really simple to use, just by enabling the user to set <em>level</em> of any item. If the item has higher level than some item above it, <em>Better ListView</em> will display this as a “child” item, allowing user to even collapse parent item without affecting the data structure. Sorting is also possible through “range sort”, e.g. sort only selected items or items in a certain level of hierarchy.</p>
|
||||
<p>Compared to tree-like structure, user can still bind an <em>IList</em> to Better ListView or serialize/traverse through the whole item “hierarchy” with a simple <em>foreach</em> block.</p>
|
||||
<h2>Keeping Native Look</h2>
|
||||
<p>.NET 2.0 supports visual styles through its <em>VisualStyleElement</em> and <em>VisualStyleRenderer</em> classes, but this support is limited to basic elements. When it comes to shiny new elements that can be seen in Windows Explorer (e.g. triangular expando buttons or styles group headers), one have to hack into Windows theme to obtain correct constants. We did this nasty work to bring user visual style that matches exactly what he sees in native controls:</p>
|
||||
<div id="attachment_205" style="width: 248px" class="wp-caption aligncenter"><a href="wp-content/uploads/2011/03/screen-styles.png"><img class="size-medium wp-image-205" title="screen-styles" src="wp-content/uploads/2011/03/screen-styles-238x300.png" alt="Visual Style Elements for Groups" width="238" height="300" srcset="wp-content/uploads/2011/03/screen-styles-238x300.png 238w, wp-content/uploads/2011/03/screen-styles.png 432w" sizes="(max-width: 238px) 100vw, 238px" /></a><p class="wp-caption-text">Visual Style Elements for Groups</p></div>
|
||||
<p>The picture shows all the elements used in “Groups” and “Item Hierarchy” features. As You can see, it is a LOT. Only group header alone has 15 (!) states that should be drawn each in its specific situation. And <em>Better ListView</em> will handle all of them automatically for you.</p>
|
||||
<p>We’ve taken customized themes into consideration, as well as older themes like “Vista Basic” or “XP Luna” or “Classic”. In all cases, we test control display thoroughly to obtain consistent results (a solid reference for us is a good old Windows Explorer as it shows most up-to-date wonders of native ListView control in each version of Windows at one place).</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="postinfobar">
|
||||
<span class="tags">Tags: <a href="tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="tag/explorer/index.html" rel="tag">explorer</a>, <a href="tag/groups/index.html" rel="tag">groups</a>, <a href="tag/hierarchy/index.html" rel="tag">hierarchy</a>, <a href="tag/item/index.html" rel="tag">item</a>, <a href="tag/native-look/index.html" rel="tag">native look</a>, <a href="tag/progress/index.html" rel="tag">progress</a>, <a href="tag/styles/index.html" rel="tag">styles</a>, <a href="tag/themes/index.html" rel="tag">themes</a>, <a href="tag/update/index.html" rel="tag">update</a>, <a href="tag/visual/index.html" rel="tag">visual</a>, <a href="tag/working-on/index.html" rel="tag">working on</a>, <a href="tag/xp/index.html" rel="tag">xp</a> </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- You can start editing here. -->
|
||||
|
||||
|
||||
<!-- If comments are open, but there are no comments. -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="respond">
|
||||
|
||||
<h3>Leave a Reply</h3>
|
||||
|
||||
<div class="cancel-comment-reply">
|
||||
<small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html%3Fp=204.html#respond" style="display:none;">Click here to cancel reply.</a></small>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
|
||||
|
||||
|
||||
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
|
||||
<label for="author"><small>Name (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
|
||||
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
|
||||
|
||||
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
|
||||
<label for="url"><small>Website</small></label></p>
|
||||
|
||||
|
||||
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
|
||||
|
||||
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
|
||||
|
||||
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
|
||||
<input type='hidden' name='comment_post_ID' value='204' id='comment_post_ID' />
|
||||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||||
</p>
|
||||
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="0859b8bc67" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="107"/></p>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-sidebar">
|
||||
|
||||
<div class="dextronet-feeds">
|
||||
<ul class="links">
|
||||
<li><a href="feed/index.html" class="rss">Subscribe to our RSS</a></li>
|
||||
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
|
||||
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form role="search" method="get" id="searchform-sidebar" action="../blog.html" >
|
||||
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
|
||||
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
|
||||
<input type="image" id="searchsubmit-sidebar" src="wp-content/themes/componentowl/images/search.gif" value="Search" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="sidebar" role="complementary">
|
||||
<ul>
|
||||
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
|
||||
<li class="cat-item cat-item-3"><a href="category/announcements/index.html" >Announcements</a> (8)
|
||||
</li>
|
||||
<li class="cat-item cat-item-21"><a href="category/better-listview/index.html" >Better ListView</a> (44)
|
||||
</li>
|
||||
<li class="cat-item cat-item-4"><a href="category/components/index.html" >Components</a> (9)
|
||||
</li>
|
||||
<li class="cat-item cat-item-222"><a href="category/programming/index.html" >Programming</a> (2)
|
||||
</li>
|
||||
<li class="cat-item cat-item-13"><a href="category/tutorials/index.html" >Tutorials</a> (19)
|
||||
</li>
|
||||
</ul>
|
||||
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
|
||||
<li><a href='2017/03/index.html'>March 2017</a></li>
|
||||
<li><a href='2017/02/index.html'>February 2017</a></li>
|
||||
<li><a href='2016/11/index.html'>November 2016</a></li>
|
||||
<li><a href='2014/08/index.html'>August 2014</a></li>
|
||||
<li><a href='2014/07/index.html'>July 2014</a></li>
|
||||
<li><a href='2014/04/index.html'>April 2014</a></li>
|
||||
<li><a href='2014/02/index.html'>February 2014</a></li>
|
||||
<li><a href='2013/03/index.html'>March 2013</a></li>
|
||||
<li><a href='2013/02/index.html'>February 2013</a></li>
|
||||
<li><a href='2013/01/index.html'>January 2013</a></li>
|
||||
<li><a href='2012/12/index.html'>December 2012</a></li>
|
||||
<li><a href='2012/09/index.html'>September 2012</a></li>
|
||||
<li><a href='2012/08/index.html'>August 2012</a></li>
|
||||
<li><a href='2012/04/index.html'>April 2012</a></li>
|
||||
<li><a href='2012/03/index.html'>March 2012</a></li>
|
||||
<li><a href='2012/02/index.html'>February 2012</a></li>
|
||||
<li><a href='2012/01/index.html'>January 2012</a></li>
|
||||
<li><a href='2011/12/index.html'>December 2011</a></li>
|
||||
<li><a href='2011/11/index.html'>November 2011</a></li>
|
||||
<li><a href='2011/10/index.html'>October 2011</a></li>
|
||||
<li><a href='2011/09/index.html'>September 2011</a></li>
|
||||
<li><a href='2011/08/index.html'>August 2011</a></li>
|
||||
<li><a href='2011/07/index.html'>July 2011</a></li>
|
||||
<li><a href='2011/06/index.html'>June 2011</a></li>
|
||||
<li><a href='2011/05/index.html'>May 2011</a></li>
|
||||
<li><a href='2011/03/index.html'>March 2011</a></li>
|
||||
<li><a href='2011/02/index.html'>February 2011</a></li>
|
||||
<li><a href='2011/01/index.html'>January 2011</a></li>
|
||||
</ul>
|
||||
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
|
||||
<a href="tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
|
||||
<a href="tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
|
||||
<a href="tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
|
||||
<a href="tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
|
||||
<a href="tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
|
||||
<a href="tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
|
||||
<a href="tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
|
||||
<a href="tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
|
||||
<a href="tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
|
||||
<a href="tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
|
||||
<a href="tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
|
||||
<a href="tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
|
||||
<a href="tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
|
||||
<a href="tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
|
||||
<a href="tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
|
||||
<a href="tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
|
||||
<a href="tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
|
||||
<a href="tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
|
||||
<a href="tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
|
||||
<a href="tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
|
||||
<a href="tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
|
||||
<a href="tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
|
||||
<a href="tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
|
||||
<a href="tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
|
||||
<a href="tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
|
||||
<a href="tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
|
||||
<a href="tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
|
||||
<a href="tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
|
||||
<a href="tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
|
||||
<a href="tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
|
||||
<a href="tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
|
||||
<a href="tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
|
||||
<a href="tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
|
||||
<a href="tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
|
||||
<a href="tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
|
||||
<a href="tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
|
||||
<a href="tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
|
||||
<a href="tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
|
||||
<a href="tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
|
||||
<a href="tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
|
||||
<a href="tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
|
||||
<a href="tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what's new (2 items)">what's new</a>
|
||||
<a href="tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
|
||||
<a href="tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type='text/javascript' src='wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
|
||||
<script type='text/javascript' src='wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
|
||||
<script async="async" type='text/javascript' src='wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!--
|
||||
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
|
||||
|
||||
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
|
||||
|
||||
Served from: www.componentowl.com @ 2018-09-08 11:40:31 by W3 Total Cache
|
||||
-->
|
||||
@@ -541,15 +541,15 @@ const isHome = currentPath === '/';
|
||||
<div class="left">
|
||||
<div class="latest-posts">
|
||||
<h3 class="latest_from_blog"><a href="/blog">Latest From Our Blog</a></h3>
|
||||
<h4><a href="/blog/index.html%3Fp=927.html">Activation issues and how to solve them</a></h4>
|
||||
<h4><a href="/blog/activation-issues-and-how-to-solve-them">Activation issues and how to solve them</a></h4>
|
||||
<div class="post-info">Wednesday, 01 March 2017</div>
|
||||
<h4><a href="/blog/index.html%3Fp=921.html">The Three Main Advantages Better ListView has Over the Classic .NET Framework</a></h4>
|
||||
<h4><a href="/blog/the-three-main-advantages-better-listview-has-over-the-classic-net-framework">The Three Main Advantages Better ListView has Over the Classic .NET Framework</a></h4>
|
||||
<div class="post-info">Thursday, 09 February 2017</div>
|
||||
<h4><a href="/blog/index.html%3Fp=914.html">BLV and Internet Explorer</a></h4>
|
||||
<h4><a href="/blog/blv-and-internet-explorer">BLV and Internet Explorer</a></h4>
|
||||
<div class="post-info">Sunday, 13 November 2016</div>
|
||||
<h4><a href="/blog/index.html%3Fp=906.html">Centering Images in Better ListView Sub-items</a></h4>
|
||||
<h4><a href="/blog/centering-images-in-better-listview-sub-items">Centering Images in Better ListView Sub-items</a></h4>
|
||||
<div class="post-info">Wednesday, 06 August 2014</div>
|
||||
<h4><a href="/blog/index.html%3Fp=901.html">Sub-item Check Boxes in Better ListView</a></h4>
|
||||
<h4><a href="/blog/sub-item-check-boxes-in-better-listview">Sub-item Check Boxes in Better ListView</a></h4>
|
||||
<div class="post-info">Sunday, 06 July 2014</div>
|
||||
</div>
|
||||
<div class="other-posts"><a href="/blog">See more posts »</a></div>
|
||||
@@ -585,7 +585,7 @@ const isHome = currentPath === '/';
|
||||
<div class="date">08<span>Apr</span></div>
|
||||
<div class="message">
|
||||
<h4>Better ListView Express 3.14.0 released!</h4>
|
||||
<p><a href="/better-listview-express/releases%3Fsince=3.14.0.html">See what's new</a> or <a href="/betterlistviewexpress.exe">Download latest release</a></p>
|
||||
<p><a href="/better-listview-express">See what's new</a> or <a href="/betterlistviewexpress.exe">Download latest release</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
18
src/pages/404.astro
Normal file
18
src/pages/404.astro
Normal file
@@ -0,0 +1,18 @@
|
||||
---
|
||||
import Base from '../layouts/Base.astro';
|
||||
const title = "Page Not Found - ComponentOwl.com";
|
||||
---
|
||||
<Base title={title} description="The page you are looking for could not be found.">
|
||||
<div class="subpage" style="text-align: center; padding: 60px 20px;">
|
||||
<h1 style="font-size: 72px; color: #a8906b; margin-bottom: 10px;">404</h1>
|
||||
<h2 style="font-size: 24px; font-weight: normal; margin-bottom: 20px;">Page Not Found</h2>
|
||||
<p style="font-size: 16px; margin-bottom: 30px;">The page you are looking for doesn't exist or has been moved.</p>
|
||||
<p>
|
||||
<a href="/" style="font-size: 16px;">Go to Homepage</a>
|
||||
|
|
||||
<a href="/blog" style="font-size: 16px;">Visit Blog</a>
|
||||
|
|
||||
<a href="/support" style="font-size: 16px;">Contact Support</a>
|
||||
</p>
|
||||
</div>
|
||||
</Base>
|
||||
@@ -66,25 +66,25 @@ with their Better ListView has done it. <b>Love</b> its native feel.
|
||||
|
||||
Groups in Better ListView Express are much more powerful, flexible and easier to use than in the regular listview. Groups are also focusable and support images.
|
||||
|
||||
<div class="image"><img alt="Focusable Groups With Image Support (Focusable) In Better ListView" src="http://assets.componentowl.com/images/34/Focusable-Advanced-Groups-With-Image-Support_original_1326107120.png?1326081920" title="Focusable Groups With Image Support (Focusable) In Better ListView" /></div>
|
||||
<div class="image"><img alt="Focusable Groups With Image Support (Focusable) In Better ListView" src="https://assets.componentowl.com/images/34/Focusable-Advanced-Groups-With-Image-Support_original_1326107120.png?1326081920" title="Focusable Groups With Image Support (Focusable) In Better ListView" /></div>
|
||||
|
||||
<h3>Images in column headers, sub-items, groups</h3>
|
||||
|
||||
You can use images in column headers, sub-items, items, groups. Custom image sizes are supported. Regular listview for .NET included with Visual Studio supports only one image per item, and doesn't support sub-item images. Better ListView removes these limitations and has excellent image support.
|
||||
|
||||
<div class="image"><img alt="Column Images, Sub-Item Images, Groups Images in Better ListView" src="http://assets.componentowl.com/images/31/Column-Images-Sub-Item-Images-Groups-Images_original_1326107040.png?1326081840" title="Column Images, Sub-Item Images, Groups Images in Better ListView" /></div>
|
||||
<div class="image"><img alt="Column Images, Sub-Item Images, Groups Images in Better ListView" src="https://assets.componentowl.com/images/31/Column-Images-Sub-Item-Images-Groups-Images_original_1326107040.png?1326081840" title="Column Images, Sub-Item Images, Groups Images in Better ListView" /></div>
|
||||
|
||||
<h3>Background image support</h3>
|
||||
|
||||
Display background image in Better ListView easily using the BackgroundImage property. Many layouts (stretch, tile, none), alignments (top, bottom, left, right, center and combinations) are supported, as well as customizable opacity.
|
||||
|
||||
<div class="image"><img alt="Background Image" src="http://assets.componentowl.com/images/29/Background-Images_original_1326106990.png?1326081790" title="Background Image" /></div>
|
||||
<div class="image"><img alt="Background Image" src="https://assets.componentowl.com/images/29/Background-Images_original_1326106990.png?1326081790" title="Background Image" /></div>
|
||||
|
||||
<h3>Checkboxes in all views</h3>
|
||||
|
||||
You can have checkboxes in LargeIcons view, SmallIcons view, List view, Thumbnails view and of course also in the Details view.
|
||||
|
||||
<div class="image"><img alt="Checkboxes In LargeIcons View" src="http://assets.componentowl.com/images/13/Checkboxes In LargeIcons View_original_1298623385.png?1298598185" /></div>
|
||||
<div class="image"><img alt="Checkboxes In LargeIcons View" src="https://assets.componentowl.com/images/13/Checkboxes%20In%20LargeIcons%20View_original_1298623385.png?1298598185" /></div>
|
||||
|
||||
<h3>Uses current Windows theme</h3>
|
||||
|
||||
@@ -102,24 +102,24 @@ Better ListView Express is smooth. Regular listview requires multiple anti-flick
|
||||
|
||||
Better ListView Express allows you to draw over the client area, items and column headers. Contrary to .NET ListView, owner drawing is fully operational even when the system uses Aero theme. You can draw separately to background and foreground parts of Better ListView Express without worrying about proper drawing order. Owner drawing events provide rich data, including exact item state and areas of every item part.
|
||||
|
||||
<div class="image"><img alt="List View Owner Drawing Background Gradient" src="http://assets.componentowl.com/images/22/List View Owner Drawing Background Gradient_original_1298633053.png?1298607853" /></div>
|
||||
<div class="image"><img alt="List View Owner Drawing Background Gradient" src="https://assets.componentowl.com/images/22/List%20View%20Owner%20Drawing%20Background%20Gradient_original_1298633053.png?1298607853" /></div>
|
||||
|
||||
<h3>Label-edit for sub-items</h3>
|
||||
|
||||
Take advantage of the inbuilt label editing support, which includes not just textbox edit, but also combobox edit and date picker edit.
|
||||
|
||||
<div class="image"><img alt="Sub-Item Label Edit With Inbult Combobox Editor in Better ListView" src="http://assets.componentowl.com/images/33/Custom-Sub-Item-Label-Edit_original_1326107089.png?1326081889" title="Sub-Item Label Edit With Inbult Combobox Editor in Better ListView" /></div>
|
||||
<div class="image"><img alt="Sub-Item Label Edit With Inbult Combobox Editor in Better ListView" src="https://assets.componentowl.com/images/33/Custom-Sub-Item-Label-Edit_original_1326107089.png?1326081889" title="Sub-Item Label Edit With Inbult Combobox Editor in Better ListView" /></div>
|
||||
|
||||
<h3>Embedded controls for custom label edit</h3>
|
||||
|
||||
Not only you can use the inbuilt label-editing controls, you can also create your own controls to edit items and sub-items.
|
||||
|
||||
<div class="image"><img alt="Custom Label Edit for Sub-Items With Embedded Control" src="http://assets.componentowl.com/images/32/Custom-Embedded-Controls-For-Label-Edit_original_1326107064.png?1326081864" title="Custom Label Edit for Sub-Items With Embedded Control" /></div>
|
||||
<div class="image"><img alt="Custom Label Edit for Sub-Items With Embedded Control" src="https://assets.componentowl.com/images/32/Custom-Embedded-Controls-For-Label-Edit_original_1326107064.png?1326081864" title="Custom Label Edit for Sub-Items With Embedded Control" /></div>
|
||||
|
||||
<h3>Advanced hit-test with detailed information</h3>
|
||||
The hit test in Better ListView returns very detailed information. It tells you not only the location (Client Area, Sub-Item, Sub-Item Text, Sub-Item Image, Checkbox, Column Header Image, and many more), but it also tells you the state of the item, and part of the item (left or right).
|
||||
|
||||
<div class="image"><img alt="Advanced Hit-Test With Detailed Information" src="http://assets.componentowl.com/images/26/Advanced-Hit-Test_original_1326105831.png?1326080631" title="Advanced Hit-Test With Detailed Information" /></div>
|
||||
<div class="image"><img alt="Advanced Hit-Test With Detailed Information" src="https://assets.componentowl.com/images/26/Advanced-Hit-Test_original_1326105831.png?1326080631" title="Advanced Hit-Test With Detailed Information" /></div>
|
||||
|
||||
<h3>Inbuilt sorting</h3>
|
||||
|
||||
|
||||
@@ -49,7 +49,7 @@ const rawContent = `<div class="d-content-wrap">
|
||||
<li>Tested in the real world by thousands of users</li>
|
||||
</ul>
|
||||
|
||||
<div class="image"><img alt="Better ListView control" src="http://assets.componentowl.com/images/7/Overview Collage_original_1367470843.png?1367445643" /></div>
|
||||
<div class="image"><img alt="Better ListView control" src="https://assets.componentowl.com/images/7/Overview%20Collage_original_1367470843.png?1367445643" /></div>
|
||||
|
||||
<h2>Extra features summary</h2>
|
||||
|
||||
@@ -87,7 +87,7 @@ Simply put, Better ListView is smooth. Regular listview requires multiple anti-f
|
||||
|
||||
You can use images in column headers. Custom image sizes are supported.
|
||||
|
||||
<div class="image"><img alt="Column Header Images" src="http://assets.componentowl.com/images/8/Column Header Images_original_1298620501.png?1298595301" /></div>
|
||||
<div class="image"><img alt="Column Header Images" src="https://assets.componentowl.com/images/8/Column%20Header%20Images_original_1298620501.png?1298595301" /></div>
|
||||
|
||||
<h3>Sub-item images</h3>
|
||||
|
||||
@@ -105,7 +105,7 @@ You can use any image size in the list view. Better ListView can also automatica
|
||||
|
||||
Highly customizable drag-drop for both internal and external drag-drop. You can use drop highlight or insertion mark drag drop modes.
|
||||
|
||||
<div class="image"><img alt="List View Item Reordering Mark Preview" src="http://assets.componentowl.com/images/21/List View Item Reordering Mark Preview_original_1298631798.png?1298606598" /></div>
|
||||
<div class="image"><img alt="List View Item Reordering Mark Preview" src="https://assets.componentowl.com/images/21/List%20View%20Item%20Reordering%20Mark%20Preview_original_1298631798.png?1298606598" /></div>
|
||||
|
||||
<h3>List view item reordering</h3>
|
||||
|
||||
@@ -115,7 +115,7 @@ Better ListView has inbuilt item reordering and item drag & drop inserting a
|
||||
|
||||
Better ListView has inbuilt easy drag & drop column header reordering that is much easier to use than in the regular list view. Insertion mark is shown, auto-scrolling is supported.
|
||||
|
||||
<div class="image"><img alt="Column Header Reordering With Insertion Mark" src="http://assets.componentowl.com/images/9/Column Header Reordering With Insertion Mark_original_1298621331.png?1298596131" /></div>
|
||||
<div class="image"><img alt="Column Header Reordering With Insertion Mark" src="https://assets.componentowl.com/images/9/Column%20Header%20Reordering%20With%20Insertion%20Mark_original_1298621331.png?1298596131" /></div>
|
||||
|
||||
<h3>Auto-scroll for column header reordering and item reordering</h3>
|
||||
|
||||
@@ -125,7 +125,7 @@ Better ListView has inbuilt auto-scrolling for column header and item reordering
|
||||
|
||||
Better ListView can display column headers in all views - Details, SmallIcons, LargeIcons, List, Tile, Thumbnails. This allows users to sort items in all views. Additionally, you can also hide the column headers even in the details view.
|
||||
|
||||
<div class="image"><img alt="Column Headers in LargeIcons View" src="http://assets.componentowl.com/images/10/Column Headers In LargeIcons View_original_1298622038.png?1298596838" /></div>
|
||||
<div class="image"><img alt="Column Headers in LargeIcons View" src="https://assets.componentowl.com/images/10/Column%20Headers%20In%20LargeIcons%20View_original_1298622038.png?1298596838" /></div>
|
||||
|
||||
<h3>Thumbnails view mode</h3>
|
||||
|
||||
@@ -136,13 +136,13 @@ All images in Better ListView can have border or shadow specified. You can also
|
||||
|
||||
Image shadows like in Windows 7 theme are supported. Windows Explorer uses very similar shadows for image thumbnails.
|
||||
|
||||
<div class="image"><img alt="ListView Image Shadows and Image Borders" src="http://assets.componentowl.com/images/11/ListView Image Shadows and Image Borders_original_1298622678.png?1298597478" /></div>
|
||||
<div class="image"><img alt="ListView Image Shadows and Image Borders" src="https://assets.componentowl.com/images/11/ListView%20Image%20Shadows%20and%20Image%20Borders_original_1298622678.png?1298597478" /></div>
|
||||
|
||||
<h3>Multi-column sorting</h3>
|
||||
|
||||
You can sort by multiple columns in Better ListView. Simply shift+click a secondary (or third, etc) column to add it to the current sort. Zero code needed. Additionally, the background of the primary (first) sort column can be highlighted.
|
||||
|
||||
<div class="image"><img alt="Multi Column Sort in List View" src="http://assets.componentowl.com/images/12/Multi Column Sort in List View_original_1298623013.png?1298597813" /></div>
|
||||
<div class="image"><img alt="Multi Column Sort in List View" src="https://assets.componentowl.com/images/12/Multi%20Column%20Sort%20in%20List%20View_original_1298623013.png?1298597813" /></div>
|
||||
|
||||
<h3>Inbuilt sorting and natural sorting</h3>
|
||||
|
||||
@@ -156,24 +156,24 @@ Many events have richer event data that allow you to do extra operations or tell
|
||||
|
||||
You can have checkboxes in LargeIcons view, SmallIcons view, List view, Thumbnails view and of course also in the Details view.
|
||||
|
||||
<div class="image"><img alt="Checkboxes In LargeIcons View" src="http://assets.componentowl.com/images/13/Checkboxes In LargeIcons View_original_1298623385.png?1298598185" /></div>
|
||||
<div class="image"><img alt="Checkboxes In LargeIcons View" src="https://assets.componentowl.com/images/13/Checkboxes%20In%20LargeIcons%20View_original_1298623385.png?1298598185" /></div>
|
||||
|
||||
<h3>Three state checkboxes</h3>
|
||||
Three state checkboxes are supported in Better ListView:
|
||||
|
||||
<div class="image"><img alt="Three-State Checkboxes in List View" src="http://assets.componentowl.com/images/14/Three State Checkboxes in List View_original_1298624577.png?1298599377" /></div>
|
||||
<div class="image"><img alt="Three-State Checkboxes in List View" src="https://assets.componentowl.com/images/14/Three%20State%20Checkboxes%20in%20List%20View_original_1298624577.png?1298599377" /></div>
|
||||
|
||||
<h3>Hide or show checkboxes of specific ListView Items</h3>
|
||||
|
||||
You can hide checkbox for any ListViewItem. You can also show checkboxes only for specified items. All list items in Better ListView have "AllowShowCheckBox" property.
|
||||
|
||||
<div class="image"><img alt="Show or hide checkboxes for specific listview items" src="http://assets.componentowl.com/images/23/show-or-hide-checkboxes-for-specific-listview-items_original_1299748307.png?1299723107" title="Show or hide checkboxes for specific listview items" /></div>
|
||||
<div class="image"><img alt="Show or hide checkboxes for specific listview items" src="https://assets.componentowl.com/images/23/show-or-hide-checkboxes-for-specific-listview-items_original_1299748307.png?1299723107" title="Show or hide checkboxes for specific listview items" /></div>
|
||||
|
||||
<h3>Powerful list view tooltips</h3>
|
||||
|
||||
You can display tooltips for nearly any part of Better ListView - tooltips for items, sub-items, checkboxes, item images, sub-item images, column headers, column header images, column header borders, and even for custom areas (regions). Owner-drawn tooltips are supported.
|
||||
|
||||
<div class="image"><img alt="List View Regional Tooltips and Owner Drawn Tooltips" src="http://assets.componentowl.com/images/15/List View Tooltips Region And Owner Drawn Tooltips_original_1298632357.png?1298607157" /></div>
|
||||
<div class="image"><img alt="List View Regional Tooltips and Owner Drawn Tooltips" src="https://assets.componentowl.com/images/15/List%20View%20Tooltips%20Region%20And%20Owner%20Drawn%20Tooltips_original_1298632357.png?1298607157" /></div>
|
||||
|
||||
<h3>Uses current Windows theme</h3>
|
||||
|
||||
@@ -187,30 +187,30 @@ Every part of Better ListView (items, sub-items, column headers) can be both bin
|
||||
|
||||
Better ListView allows you to draw over the client area, items and column headers. Contrary to .NET ListView, owner drawing is fully operational even when the system uses Aero theme. You can draw separately to background and foreground parts of Better ListView without worrying about proper drawing order. Owner drawing events provide rich data, including exact item state and areas of every item part.
|
||||
|
||||
<div class="image"><img alt="List View Owner Drawing Background Gradient" src="http://assets.componentowl.com/images/22/List View Owner Drawing Background Gradient_original_1298633053.png?1298607853" /></div>
|
||||
<div class="image"><img alt="List View Owner Drawing Background Gradient" src="https://assets.componentowl.com/images/22/List%20View%20Owner%20Drawing%20Background%20Gradient_original_1298633053.png?1298607853" /></div>
|
||||
|
||||
<h3>Multi-line items</h3>
|
||||
|
||||
Better ListView supports multi-line items. Items with very long text can be displayed on multiple lines. Highly customizable and powerful: Focused items can have custom number of lines; hard line breaks supported as well. Foreground overlay "watermark" images are easily achievable using owner-drawing.
|
||||
|
||||
<div class="image"><img src="http://assets.componentowl.com/screenshots/21/multi-line-items_original_1312133213.png?1312133213" alt="Multi-line items"></div>
|
||||
<div class="image"><img src="https://assets.componentowl.com/screenshots/21/multi-line-items_original_1312133213.png?1312133213" alt="Multi-line items"></div>
|
||||
|
||||
<h3>Background image support</h3>
|
||||
|
||||
Display background image in Better ListView easily using the BackgroundImage property. Many layouts (stretch, tile, none), alignments (top, bottom, left, right, center and combinations) are supported, as well as customizable opacity.
|
||||
|
||||
<div class="image"><img alt="ListView Background Image" src="http://assets.componentowl.com/images/27/Background-Images_original_1326106027.png?1326080827" title="ListView Background Image" /></div>
|
||||
<div class="image"><img alt="ListView Background Image" src="https://assets.componentowl.com/images/27/Background-Images_original_1326106027.png?1326080827" title="ListView Background Image" /></div>
|
||||
|
||||
<h3>Context menu for column headers, list items, and empty area</h3>
|
||||
|
||||
Better ListView supports 3 types of context menus: Column header context menu, list view items context menu, and empty area context menu (when right-clicking white space).
|
||||
|
||||
<div class="image"><img alt="Column Header Context Menu in List View" src="http://assets.componentowl.com/images/17/Column Header Context Menu in List View_original_1298721855.png?1298696655" /></div>
|
||||
<div class="image"><img alt="Column Header Context Menu in List View" src="https://assets.componentowl.com/images/17/Column%20Header%20Context%20Menu%20in%20List%20View_original_1298721855.png?1298696655" /></div>
|
||||
|
||||
<h3>Advanced hit-test with detailed information</h3>
|
||||
The hit test in Better ListView returns very detailed information. It tells you not only the location (Client Area, Sub-Item, Sub-Item Text, Sub-Item Image, Checkbox, Column Header Image, and many more), but it also tells you the state of the item, and part of the item (left or right).
|
||||
|
||||
<div class="image"><img alt="Advanced Hit-Test With Detailed Information" src="http://assets.componentowl.com/images/26/Advanced-Hit-Test_original_1326105831.png?1326080631" title="Advanced Hit-Test With Detailed Information" /></div>
|
||||
<div class="image"><img alt="Advanced Hit-Test With Detailed Information" src="https://assets.componentowl.com/images/26/Advanced-Hit-Test_original_1326105831.png?1326080631" title="Advanced Hit-Test With Detailed Information" /></div>
|
||||
|
||||
<h3>Customizable search-by-typing</h3>
|
||||
|
||||
@@ -219,12 +219,12 @@ Better ListView has excellent customization functionality for find-as-you-type i
|
||||
<h3>Display text when the list view is empty</h3>
|
||||
You can display a gray text centered in the list view if it's empty to hint or educate users. This will make your software more user friendly.
|
||||
|
||||
<div class="image"><img alt="Show Text When List View is Empty" src="http://assets.componentowl.com/images/18/Show Text When List View is Empty_original_1298629916.png?1298604716" /></div>
|
||||
<div class="image"><img alt="Show Text When List View is Empty" src="https://assets.componentowl.com/images/18/Show%20Text%20When%20List%20View%20is%20Empty_original_1298629916.png?1298604716" /></div>
|
||||
|
||||
<h3>Embed controls for item editing</h3>
|
||||
Inbuilt in-line editing support includes label edit, combobox edit, date picker edit. You can also embed any custom control for in-line editing. Sub-item editing is supported. Highly customizable.
|
||||
|
||||
<div class="image"><img alt="Custom Embedded Control in List View for Editing" src="http://assets.componentowl.com/images/19/Custom Embedded Control in List View for Editing_original_1298630263.png?1298605063" /></div>
|
||||
<div class="image"><img alt="Custom Embedded Control in List View for Editing" src="https://assets.componentowl.com/images/19/Custom%20Embedded%20Control%20in%20List%20View%20for%20Editing_original_1298630263.png?1298605063" /></div>
|
||||
|
||||
<h3>ListView item text formatting</h3>
|
||||
|
||||
@@ -233,7 +233,7 @@ Supports both text trimming and auto-ellipsis for text that's too long. You can
|
||||
<h3>Focusable ListView sub-items and groups</h3>
|
||||
|
||||
Focus sub-items or groups in Better ListView easily with keyboard. Just use the arrow keys. (This is impossible with the regular .NET ListView)
|
||||
<div class="image"><img alt="Focusable sub-items in Better ListView" src="http://assets.componentowl.com/images/25/focus-list-view-sub-items_original_1313674098.png?1313648898" title="Focusable sub-items in Better ListView" /></div>
|
||||
<div class="image"><img alt="Focusable sub-items in Better ListView" src="https://assets.componentowl.com/images/25/focus-list-view-sub-items_original_1313674098.png?1313648898" title="Focusable sub-items in Better ListView" /></div>
|
||||
|
||||
<h3>Automatic list view layout</h3>
|
||||
|
||||
@@ -243,7 +243,7 @@ Better ListView can auto-size item images, item text, column header images, colu
|
||||
|
||||
You can set custom sizes for item text area and item images. You can also set custom size for column header text area and column header images. (Text area size is different from font size, text area size basically defines the size of the list view item.) This enables you to make tiny/huge column headers or list view items.
|
||||
|
||||
<div class="image"><img alt="Custom Item Size in List View" src="http://assets.componentowl.com/images/20/Custom Item Size in List View_original_1298630739.png?1298605539" /></div>
|
||||
<div class="image"><img alt="Custom Item Size in List View" src="https://assets.componentowl.com/images/20/Custom%20Item%20Size%20in%20List%20View_original_1298630739.png?1298605539" /></div>
|
||||
|
||||
<div class="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
|
||||
It's an odd thing when you're inspired by a form component, but Component Owl
|
||||
@@ -293,7 +293,7 @@ In addition to creating a new List View control to incorporate <b>broader flexib
|
||||
|
||||
|
||||
<div class="screenshot">
|
||||
<p><a href="http://assets.componentowl.com/screenshots/15/blv-overview_original_1326499754.png?1326474554" class="screenshot" title="Better ListView control"><img alt="Better ListView" src="http://assets.componentowl.com/screenshots/15/blv-overview_thumb_1326499754.png?1326474554" /></a></p>
|
||||
<p><a href="https://assets.componentowl.com/screenshots/15/blv-overview_original_1326499754.png?1326474554" class="screenshot" title="Better ListView control"><img alt="Better ListView" src="https://assets.componentowl.com/screenshots/15/blv-overview_thumb_1326499754.png?1326474554" /></a></p>
|
||||
</div>
|
||||
<div class="newsletter">
|
||||
<form action="http://www.componentowl.com/subscriptions" class="new_subscription" id="new_subscription_product" method="post" onsubmit="if (!validate_newsletter_form(this)) return false; jQuery.ajax({data:jQuery.param(jQuery(this).serializeArray()) + '&authenticity_token=' + encodeURIComponent('dJeFtbWrARc0arEomU+SG+XtypwJr2F4Kc9v14woStM='), dataType:'script', type:'post', url:'/subscriptions'}); return false;"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="dJeFtbWrARc0arEomU+SG+XtypwJr2F4Kc9v14woStM=" /></div> <input id="subscription_subscription_location_id" name="subscription[subscription_location_id]" type="hidden" value="512994065" />
|
||||
@@ -306,17 +306,17 @@ In addition to creating a new List View control to incorporate <b>broader flexib
|
||||
</form></div>
|
||||
|
||||
<div class="screenshot">
|
||||
<p><a href="http://assets.componentowl.com/screenshots/16/thumbnails_original_1312133021.png?1312107821" class="screenshot" title="Image thumbnails in groups"><img alt="Thumbnails" src="http://assets.componentowl.com/screenshots/16/thumbnails_thumb_1312133021.png?1312107821" /></a></p>
|
||||
<p><a href="https://assets.componentowl.com/screenshots/16/thumbnails_original_1312133021.png?1312107821" class="screenshot" title="Image thumbnails in groups"><img alt="Thumbnails" src="https://assets.componentowl.com/screenshots/16/thumbnails_thumb_1312133021.png?1312107821" /></a></p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="screenshot">
|
||||
<p><a href="http://assets.componentowl.com/screenshots/21/multi-line-items_original_1312133213.png?1312108013" class="screenshot" title="Items with multi-line text"><img alt="Multi-line Items" src="http://assets.componentowl.com/screenshots/21/multi-line-items_thumb_1312133213.png?1312108013" /></a></p>
|
||||
<p><a href="https://assets.componentowl.com/screenshots/21/multi-line-items_original_1312133213.png?1312108013" class="screenshot" title="Items with multi-line text"><img alt="Multi-line Items" src="https://assets.componentowl.com/screenshots/21/multi-line-items_thumb_1312133213.png?1312108013" /></a></p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="screenshot">
|
||||
<p><a href="http://assets.componentowl.com/screenshots/18/betterlistview-tree-hierarchy_original_1313676477.png?1313651277" class="screenshot" title="Items organized in a tree-like hierarchy"><img alt="Item Hierarchy" src="http://assets.componentowl.com/screenshots/18/betterlistview-tree-hierarchy_thumb_1313676477.png?1313651277" /></a></p>
|
||||
<p><a href="https://assets.componentowl.com/screenshots/18/betterlistview-tree-hierarchy_original_1313676477.png?1313651277" class="screenshot" title="Items organized in a tree-like hierarchy"><img alt="Item Hierarchy" src="https://assets.componentowl.com/screenshots/18/betterlistview-tree-hierarchy_thumb_1313676477.png?1313651277" /></a></p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -35,7 +35,7 @@ const rawContent = `<div class="d-content-wrap">
|
||||
<li><strong>Free</strong> for non-commercial use, <strong>cheap license for commercial use</strong> with included <strong>source code</strong>.</li>
|
||||
</ul>
|
||||
|
||||
<p style="text-align: center"><img src="http://assets.componentowl.com/images/36/product-image_original_1328613483.png?1328613483" /></p>
|
||||
<p style="text-align: center"><img src="https://assets.componentowl.com/images/36/product-image_original_1328613483.png?1328613483" /></p>
|
||||
|
||||
<h2>Features</h2>
|
||||
<ul class="common">
|
||||
@@ -116,7 +116,7 @@ const rawContent = `<div class="d-content-wrap">
|
||||
|
||||
|
||||
<div class="screenshot">
|
||||
<p><a href="http://assets.componentowl.com/screenshots/34/better-splitbutton-overview_original_1328267692.png?1328242492" class="screenshot" title="Better SplitButton (Dropdown button) for .NET overview"><img alt="Better SplitButton (Dropdown button) for .NET overview" src="http://assets.componentowl.com/screenshots/34/better-splitbutton-overview_thumb_1328267692.png?1328242492" /></a></p>
|
||||
<p><a href="https://assets.componentowl.com/screenshots/34/better-splitbutton-overview_original_1328267692.png?1328242492" class="screenshot" title="Better SplitButton (Dropdown button) for .NET overview"><img alt="Better SplitButton (Dropdown button) for .NET overview" src="https://assets.componentowl.com/screenshots/34/better-splitbutton-overview_thumb_1328267692.png?1328242492" /></a></p>
|
||||
</div>
|
||||
<div class="newsletter">
|
||||
<form action="http://www.componentowl.com/subscriptions" class="new_subscription" id="new_subscription_product" method="post" onsubmit="if (!validate_newsletter_form(this)) return false; jQuery.ajax({data:jQuery.param(jQuery(this).serializeArray()) + '&authenticity_token=' + encodeURIComponent('dJeFtbWrARc0arEomU+SG+XtypwJr2F4Kc9v14woStM='), dataType:'script', type:'post', url:'/subscriptions'}); return false;"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="dJeFtbWrARc0arEomU+SG+XtypwJr2F4Kc9v14woStM=" /></div> <input id="subscription_subscription_location_id" name="subscription[subscription_location_id]" type="hidden" value="512994065" />
|
||||
@@ -135,17 +135,17 @@ const rawContent = `<div class="d-content-wrap">
|
||||
|
||||
|
||||
<div class="screenshot">
|
||||
<p><a href="http://assets.componentowl.com/screenshots/35/always-drop-down_original_1328267712.png?1328242512" class="screenshot" title="Better SplitButton Always Dropdown Option"><img alt="Better SplitButton Always Dropdown Option" src="http://assets.componentowl.com/screenshots/35/always-drop-down_thumb_1328267712.png?1328242512" /></a></p>
|
||||
<p><a href="https://assets.componentowl.com/screenshots/35/always-drop-down_original_1328267712.png?1328242512" class="screenshot" title="Better SplitButton Always Dropdown Option"><img alt="Better SplitButton Always Dropdown Option" src="https://assets.componentowl.com/screenshots/35/always-drop-down_thumb_1328267712.png?1328242512" /></a></p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="screenshot">
|
||||
<p><a href="http://assets.componentowl.com/screenshots/36/flat-style_original_1328267962.png?1328242762" class="screenshot" title="SplitButton with Custom Flat Style"><img alt="SplitButton with Custom Flat Style" src="http://assets.componentowl.com/screenshots/36/flat-style_thumb_1328267962.png?1328242762" /></a></p>
|
||||
<p><a href="https://assets.componentowl.com/screenshots/36/flat-style_original_1328267962.png?1328242762" class="screenshot" title="SplitButton with Custom Flat Style"><img alt="SplitButton with Custom Flat Style" src="https://assets.componentowl.com/screenshots/36/flat-style_thumb_1328267962.png?1328242762" /></a></p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="screenshot">
|
||||
<p><a href="http://assets.componentowl.com/screenshots/37/image-list_original_1328268002.png?1328242802" class="screenshot" title="Better SplitButton with ImageList for all DropDown states"><img alt="Better SplitButton with ImageList for all DropDown states" src="http://assets.componentowl.com/screenshots/37/image-list_thumb_1328268002.png?1328242802" /></a></p>
|
||||
<p><a href="https://assets.componentowl.com/screenshots/37/image-list_original_1328268002.png?1328242802" class="screenshot" title="Better SplitButton with ImageList for all DropDown states"><img alt="Better SplitButton with ImageList for all DropDown states" src="https://assets.componentowl.com/screenshots/37/image-list_thumb_1328268002.png?1328242802" /></a></p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -98,7 +98,7 @@ excellent documentation</a> with examples.</p>
|
||||
|
||||
<p>Finally, optional Priority support can be <a href="pricing-licensing/better-thumbnail-browser.html">purchased with the Better Thumbnail Browser</a> control, which entails you to custom code samples and more.</p>
|
||||
|
||||
<div class="image"><img src="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" alt="Better Thumbnail Browser Overview" /></div>
|
||||
<div class="image"><img src="https://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" alt="Better Thumbnail Browser Overview" /></div>
|
||||
</div>
|
||||
|
||||
<p>View more images in <a href="better-thumbnail-browser/screenshots.html"><strong>Screenshots</strong></a></p>
|
||||
@@ -141,7 +141,7 @@ Site or Enterprise licenses.</p>
|
||||
|
||||
|
||||
<div class="screenshot">
|
||||
<p><a href="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" class="screenshot" title="Better ThumbnailBrowser"><img alt="Overview" src="http://assets.componentowl.com/screenshots/43/overview_thumb_1354296079.png?1354270879" /></a></p>
|
||||
<p><a href="https://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" class="screenshot" title="Better ThumbnailBrowser"><img alt="Overview" src="https://assets.componentowl.com/screenshots/43/overview_thumb_1354296079.png?1354270879" /></a></p>
|
||||
</div>
|
||||
<div class="newsletter">
|
||||
<form action="http://www.componentowl.com/subscriptions" class="new_subscription" id="new_subscription_product" method="post" onsubmit="if (!validate_newsletter_form(this)) return false; jQuery.ajax({data:jQuery.param(jQuery(this).serializeArray()) + '&authenticity_token=' + encodeURIComponent('dJeFtbWrARc0arEomU+SG+XtypwJr2F4Kc9v14woStM='), dataType:'script', type:'post', url:'/subscriptions'}); return false;"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="dJeFtbWrARc0arEomU+SG+XtypwJr2F4Kc9v14woStM=" /></div> <input id="subscription_subscription_location_id" name="subscription[subscription_location_id]" type="hidden" value="512994065" />
|
||||
@@ -160,17 +160,17 @@ Site or Enterprise licenses.</p>
|
||||
|
||||
|
||||
<div class="screenshot">
|
||||
<p><a href="http://assets.componentowl.com/screenshots/44/using-auto-populate_original_1354296146.png?1354270946" class="screenshot" title="Auto-loading images from folders"><img alt="Auto populate" src="http://assets.componentowl.com/screenshots/44/using-auto-populate_thumb_1354296146.png?1354270946" /></a></p>
|
||||
<p><a href="https://assets.componentowl.com/screenshots/44/using-auto-populate_original_1354296146.png?1354270946" class="screenshot" title="Auto-loading images from folders"><img alt="Auto populate" src="https://assets.componentowl.com/screenshots/44/using-auto-populate_thumb_1354296146.png?1354270946" /></a></p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="screenshot">
|
||||
<p><a href="http://assets.componentowl.com/screenshots/45/using-sorting_original_1354296174.png?1354270974" class="screenshot" title="Multi-column sorting on thumbnails"><img alt="Sorting" src="http://assets.componentowl.com/screenshots/45/using-sorting_thumb_1354296174.png?1354270974" /></a></p>
|
||||
<p><a href="https://assets.componentowl.com/screenshots/45/using-sorting_original_1354296174.png?1354270974" class="screenshot" title="Multi-column sorting on thumbnails"><img alt="Sorting" src="https://assets.componentowl.com/screenshots/45/using-sorting_thumb_1354296174.png?1354270974" /></a></p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="screenshot">
|
||||
<p><a href="http://assets.componentowl.com/screenshots/46/layout-thumbnails-spacing_original_1354296209.jpg?1354271009" class="screenshot" title="Custom spacing between thumbnails"><img alt="Custom spacing" src="http://assets.componentowl.com/screenshots/46/layout-thumbnails-spacing_thumb_1354296209.jpg?1354271009" /></a></p>
|
||||
<p><a href="https://assets.componentowl.com/screenshots/46/layout-thumbnails-spacing_original_1354296209.jpg?1354271009" class="screenshot" title="Custom spacing between thumbnails"><img alt="Custom spacing" src="https://assets.componentowl.com/screenshots/46/layout-thumbnails-spacing_thumb_1354296209.jpg?1354271009" /></a></p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user