jarvis/componentowl-astro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Convert all pages to Astro except docs/class-reference

Browse Source
This commit is contained in:
Jarvis Prime
2026-03-24 00:33:39 +00:00
parent 3a67783d52
commit d9a8593a29
1091 changed files with 13926 additions and 150448 deletions
Download Patch File Download Diff File Expand all files Collapse all files

580
public/articles/\".html
View File

@@ -1,580 +0,0 @@
<!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" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TMSFLB4');</script>
<!-- End Google Tag Manager -->
<script>
function gainit()
{
ga('create', 'UA-16362539-4', 'auto');
console.log('ga init');
}
window.onload=gainit;
</script>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta name="keywords" content="better listview, list view, listview, list view control, list view component, .net list view, list view replacement, list view alternative, improved list view, enhanced list view" />
<meta name="description" content="Better ListView is an alternative List View control - the ideal replacement for the regular .NET listview component. For WinForms C#/VB.net." />
<meta name="author" content="ComponentOwl" />
<meta http-equiv="Title" content="Better ListView for .NET (C#, VB) - Alternative list view component" />
<meta name="copyright" content="(c) 2010-2018 ComponentOwl" />
<meta name="distribution" content="Global" />
<meta name="rating" content="General" />
<meta name="robots" content="All" />
<meta http-equiv="Content-Language" content="en" />
<meta name="verify-v1" content="NK0H1gWia1vxGZ2Yhr59gsS0/P2/USBI1DVA18VkzjM=" />
<meta name="google-site-verification" content="O7Dwtzu5x_Mob9u98uxqpZ-_wCLGpEkx2IL0UYVQ4ac" />
<title>Better ListView for .NET (C#, VB) - Alternative list view component</title>
<link rel="alternate" type="application/rss+xml" title="Component Owl Feed: Latest releases, news and tips &amp; tricks from our blog" href="../feeds.rss" />
<link rel="alternate" type="application/rss+xml" title="Component Owl's Comics: Latest comic strips for developers by Libor Tinka" href="../comics.rss" />
<link href="../stylesheets/base_packaged.css%3F1455269822.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TMSFLB4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="d-page">
<div class="d-header d-placing">
<ul class="d-menu">
<li class=""><a href="../index.html" class="menu-item">Home</a></li>
<li class="active with-dropdown">
<a href="../blog/page/6/index.html" class="menu-item">Products</a>
<div class="dropdown dropdown-submenu" style="display: none; width: 370px"><div class="outer"><div class="shadowbox"><div class="border"><div class="inner">
<div class="dropdown-category">WinForms Components</div>
<a href="../blog/page/6/index.html" class="featured-item"><img alt="icon" src="http://assets.componentowl.com/icons/better-listview-32-1355160256.png?1355135056" /> Better ListView<br /><span class="subline">Ultimate ListView control for .NET</span></a>
<a href="../better-thumbnail-browser.html" class="featured-item"><img alt="icon" src="http://assets.componentowl.com/icons/better-thumbnail-browser-32-1355160281.png?1355135081" /> Better Thumbnail Browser<br /><span class="subline">Thumbnail loading and browsing control for .NET</span></a>
<a href="../better-splitbutton.html"><img alt="icon" src="http://assets.componentowl.com/icons/better-splitbutton-32-1355160307.png?1355135107" /> Better SplitButton<br /><span class="subline">Free customizable dropdown button control</span></a>
<a href="../better-listview-express.html"><img alt="icon" src="http://assets.componentowl.com/icons/better-listview-express-32-1355160327.png?1355135127" /> Better ListView Express<br /><span class="subline">Free edition with less features</span></a>
</div></div></div></div></div>
</li>
<li class="">
<a href="../pricing-licensing/better-listview.html" class="menu-item">Purchase</a>
<div class="dropdown dropdown-submenu" style="display: none; width: 330px"><div class="outer"><div class="shadowbox"><div class="border"><div class="inner">
<a href="../pricing-licensing/better-listview.html" class="featured-item">Better ListView</a>
<a href="../pricing-licensing/better-thumbnail-browser.html" class="featured-item">Better Thumbnail Browser</a>
<a href="../pricing-licensing/better-splitbutton.html">Better SplitButton</a>
</div></div></div></div></div>
</li>
<li class=""><a href="../support.html" class="menu-item">Support</a></li>
<li class=""><a href="../articles.html" class="menu-item">Articles</a></li>
<li class=""><a href="../blog.html" class="menu-item">Blog</a></li>
<li class=""><a href="../comics/43.html" class="menu-item">Comics</a></li>
<li class=""><a href="../about-us.html" class="menu-item">About Us</a></li>
</ul>
<div class="d-logo">
<a href="../index.html" class="logoimg"><img alt="Component Owl" src="../images/componentowl.gif%3F1455269978" /></a>
<g:plusone size="medium" count="false" href="http://www.componentowl.com"></g:plusone>
</div>
</div>
<div class="d-placing">
<div class="d-content-wrap">
<div class="subpage product-content">
<h1>Better ListView: Alternative list view control for .NET</h1>
<p class="section-info">Ideal .NET WinForms (C#, VB.net) replacement list view component. More features, less limitations, fast and optimized.</p>
<div class="sides">
<div class="right">
<input id="tabs-initial-index" name="tabs-initial-index" type="hidden" value="-1" />
<ul id="nav" class="nav">
<li><a href="../blog/page/6/index.html" class="current">Overview</a></li>
<li><a href="../better-listview/screenshots.html" class="">Screenshots</a></li>
<li><a href="../better-listview/comparison-table.html" class="">Comparison</a></li>
<li><a href="../better-listview/resources.html" class="">Resources</a></li>
<li><a href="../better-listview/story.html" class="">Story</a></li>
</ul>
<div id="nav-panel" class="nav-panel product-detail"><div class="features-page">
<ul class="common">
<li>Better ListView is a <strong>list view control for .NET Windows Forms</strong></li>
<li>Designed as a replacement for the regular .NET list view control.</li>
<li>Compatible with: Visual Studio 2015, 2013, 2012, 2010, 2008, 2005, with full designer support.</li>
<li>For C#, Visual Basic .NET (VB.NET), managed C++, and other CLI languages.</li>
<li>Compatible with .NET 4.5, .NET 4, .NET 3.5, .NET 3, .NET 2, and newer. Supports .NET Client Profile.</li>
<li>Runs on Windows 10, 8, 7, Vista, 2003, XP, 2000, and newer, both 32-bit and 64-bit.</li>
<li>Better ListView has <strong>more features and flexibility</strong>, always uses the <strong>current system theme</strong> (including <strong>Aero</strong> support), and <strong>removes limitations</strong> of the regular .NET list view control.</li>
<li><strong>Minimum learning needed</strong>. Better ListView can be used just like the regular list view.</li>
<li>Written in <strong>pure managed C# code</strong>. It is fast, <strong>light-weight</strong> and optimized for 10k+ items.</li>
<li>Easy royalty-free deployment. Single DLL file that has just 250kB when compressed.</li>
<li>The assembly is <strong><a href="http://www.nist.gov/itl/fipsinfo.cfm" target="_blank">FIPS-compliant</a></strong>, CLS-compliant, <strong>digitally signed</strong> and strongly named.</li>
<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>
<h2>Extra features summary</h2>
Better ListView is fast and flicker-free, supports hierarchical items, has improved grouping, better drag &amp; drop and item reordering support, better column headers, inbuilt sorting, multi-column sorting, better images support, context menus for column headers and items, embedded controls for editing support, automatic and custom sizing of items and images, thumbnails view, richer event data, item text formatting, XML and binary serialization, data-binding, owner-drawing options, better tooltips, powerful hit-test, improved usability, easy saving/loading of contents into file or string, multi-line items, and more.
<div class="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
Component Owl created <b>the one and only tool I don’t want to be without when it comes to software developing in Visual Studio</b>. Also, I’ve been working as software user/developer for the last 26 years, and <b>I have never before experienced a support that really goes the needed extra mile to make things work</b>, like the guys at Component Owl do.
</em></blockquote><strong>Göran Alfvén, Sweden</strong></div></div>
<div class="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
The control is <b>very easy and intuitive to use and is well documented</b>.
</em></blockquote><strong>DevProConnections.com Review</strong></div></div>
<div class="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
Better List View is <b>awesome</b>.
</em></blockquote><strong>Daniel N</strong></div></div>
<h3>Hierarchical items</h3>
You can create tree-like structures in Better ListView; inbuilt drag &amp; drop hierarchical reordering of items.
<h3>Improved grouping</h3>
Better grouping – customizable group headers look and behavior, collapsible, image support, context menu support, focusable, etc. Each group header can be customized individually.
<h3>Save/load contents with 1 line of code</h3>
You can save or load the contents of Better ListView in just 1 line of code, either to file or string. Both XML and binary serialization is supported.
<h3>Double-buffered and flicker free</h3>
Simply put, Better ListView is smooth. Regular listview requires multiple anti-flicker techniques, but you do not have to worry about that with Better ListView. Better ListView is optimized for 100k+ items.
<h3>Column header images</h3>
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>
<h3>Sub-item images</h3>
You can set images to list view sub-items. Regular list view allows you to set only one image per list view item, but Better ListView can show image for every sub-item (in every column).
<h3>Image-List and Image Support</h3>
Better ListView supports both image list, or individual image objects (System.Drawing.Image). Regular list view forces you to use ImageList object.
<h3>Custom list view Image size</h3>
You can use any image size in the list view. Better ListView can also automatically resize images with preserving aspect ratio.
<h3>Drag &amp; drop with insertion mark</h3>
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>
<h3>List view item reordering</h3>
Better ListView has inbuilt item reordering and item drag &amp; drop inserting at the position specified by user. Drag &amp; drop preview is shown using an insertion mark.
<h3>Column-header reordering</h3>
Better ListView has inbuilt easy drag &amp; 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>
<h3>Auto-scroll for column header reordering and item reordering</h3>
Better ListView has inbuilt auto-scrolling for column header and item reordering.
<h3>Column headers can be shown in all views</h3>
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>
<h3>Thumbnails view mode</h3>
Better ListView supports additional "thumbnails" view mode that allows you to view images of large sizes. The images are automatically and smoothly resized with preserved aspect ratio. You can define the maximum/minimum desired image sizes.
<h3>Image shadows, borders and padding</h3>
All images in Better ListView can have border or shadow specified. You can also specify padding that gives you space for owner drawing (eg. overlay images). This can be used in all views.
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>
<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>
<h3>Inbuilt sorting and natural sorting</h3>
Better ListView has inbuilt list view sorting that works out of the box. You no longer need to implement your own item comparer. If custom comparer is needed, you can inherit from the Better ListView comparer to save time.
<h3>Richer event data</h3>
Many events have richer event data that allow you to do extra operations or tell you extra useful information. The richer events include: AfterItemSort, BeforeDrag, BeforeItemSort, ColumnClick (allows you to cancel sort), DragDropException, DrawBackground, DrawColumnHeaderBackground, DrawColumnHeader, DrawItemBackground, DrawItem, HitTestChanged, ItemActivate (event data tells you how the item got activated - mouse, keyboard or code), ItemDrag, ItemDrop, ItemReorder, ItemSearch, LabelEdit, RequestEmebeddedControl.
<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>
<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>
<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>
<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>
<h3>Uses current Windows theme</h3>
Instead of implementing custom, un-native look and feel, Better ListView always automatically fully uses the current system theme. It supports Aero as well. Better ListView always looks great and feels right to the user.
<h3>XML and binary serialization of everything</h3>
Every part of Better ListView (items, sub-items, column headers) can be both binary and XML serialized. You can easily XML serialize whole list view (or binary serialize) to save it to file or transfer items between controls. Standard ways of .NET serialization can be used (BinaryFormatter, XmlSerializer).
<h3>Owner drawing</h3>
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>
<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>
<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>
<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>
<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>
<h3>Customizable search-by-typing</h3>
Better ListView has excellent customization functionality for find-as-you-type item searching. The search modes include: Prefix (searchs from beginning of items), Substring (search any part of item text), Prefix + Substring, or Disabled. Additionally, search options include: Case sensitive, search first word only, play sound when item not found, prefer prefixes, search whole words. You can also restrict the search to only certain columns. You can also call "FindItemsWithText" function to find items from code.
<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>
<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>
<h3>ListView item text formatting</h3>
Supports both text trimming and auto-ellipsis for text that's too long. You can choose from: TrimCharacter, TrimWord, EllipsisCharacter, EllipsisWord, EllipsisPath (for file paths). Column header text can be broken into multiple lines.
<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>
<h3>Automatic list view layout</h3>
Better ListView can auto-size item images, item text, column header images, column header text.
<h3>Custom list view item size</h3>
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="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
It's an odd thing when you're inspired by a form component, but Component Owl
with their Better ListView has done it. Love its native feel.
</em></blockquote><strong>Daniel N, USA</strong></div></div>
<h2>More advantages of our improved list view component:</h2>
<ul class="common">
<li><strong>Developer friendly</strong>: All classes and properties are as similar to the regular list view as possible. Everything is intuitive, very little learning is needed. You can use Better ListView immediately. <strong>Save time and ship sooner</strong>.</li>
<li><strong>Better ListView has improved usability and fixed behavior</strong>. All Windows users are familiar with the list view used in Windows Explorer. Better ListView mimicks behavior and look &amp; feel of the Windows Explorer list view as much as possible to leverage the existing user knowledge. <strong>Using Better ListView is pleasant for users.</strong> Many other list view components implement custom look and behavior and can oftentimes downright frustrate users (many controls don't even support mouse-wheel scrolling!) This doesn't happen with Better ListView.</li>
<li><strong>Guaranteed support and continued development</strong>: Better ListView is developed as a joint-venture of two software companies that use Better ListView in their main products (popular <strong><a href="http://www.dextronet.com/swift-to-do-list-software" target="_blank">Swift To-Do List</a></strong> and <strong><a href="http://www.imagingshop.com" target="_blank">ImagingShop</a></strong>). These applications are used by thousands of users daily. This is your guarantee that Better ListView will be supported and developed in the future.</li>
<li><strong>Tested in real world applications by thousands of users</strong>: Because Better ListView is used in professional consumer desktop software applications - Swift To-Do List and ImagingShop, thousands of users work with Better ListView every day. Although we use unit tests that cover most of code, and do thorough inhouse testing, this is your true guarantee that it is tested thoroughly in the real world. It is <strong>extremely stable</strong>.</li>
<li>Better ListView does <strong>not</strong> inherit from the regular .NET list view. It is written in pure managed C# code and is flexible, light weight, and fast. Extensions of the regular .net list view only go so far. Better ListView goes further. Soure code licenses are also available for ultimate customization.</li>
</ul>
<div class="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
In addition to creating a new List View control to incorporate <b>broader flexibility and functionality</b>, Better ListView could also be called <b>Fixed ListView</b>, as it corrects a number of annoying problems with the standard List View that Microsoft delivers to Visual Studio customers.
</em></blockquote><strong>DevProConnections.com Review</strong></div></div>
</div></div>
</div>
<div class="left">
<div class="buttons-box">
<a onclick="ga('send', 'event', 'trial', 'click');" data-sumome-listbuilder-id="4016d967-e098-487d-a20e-da328d2345df" class="standard-download image-link">Download Free Trial - With sample projects</a>
<a href="../pricing-licensing/better-listview.html" class="standard-buy image-link">See Pricing &amp; Licensing</a>
<p>Version 3.15 / May 27, 2015</p>
</div>
<div class="compatibility">
<p><strong>Seamless integration with .NET 2.0 and higher</strong></p>
<div class="documentation">
<p><a href="../better-listview/quick-start-guide.html" onclick="window.open(this.href); return false">See Quick Start Guide</a></p>
<p><a href="../better-listview/documentation.html" onclick="window.open(this.href); return false">See Documentation</a></p>
<p><a href="../better-listview/class-reference.html" onclick="window.open(this.href); return false">See Class Reference</a></p>
</div>
</div>
<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>
</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()) + '&amp;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" />
<input id="form_id" name="form_id" type="hidden" value="#new_subscription_product" />
<strong>Receive product updates<br />and news via email:</strong>
<div><input class="email inline-label" id="product-newsletter-email" name="subscription[email]" size="30" type="text" value="Your Email" /></div>
<div id="product-newsleter-lists" class="subscription-lists-ct" style="display: none"><input name="subscription[subscription_list_ids][]" type="hidden" value="970100327" />
<input name="subscription[subscription_list_ids][]" type="hidden" value="1009842129" /></div>
<span class="dbtn-c subscribe dbtn-small" id="send"><span class="dbtn-w"><input class="dbtn" name="commit" type="submit" value="Subscribe" /></span></span>
</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>
</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>
</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>
</div>
<div class="small-button-ct">
<a href="../better-listview/screenshots.html" class="small-button"><span>More Screenshots</span></a>
</div>
</div>
</div>
<div class="buttons-wrap">
<div class="buttons">
<a onclick="ga('send', 'event', 'trial', 'click');" data-sumome-listbuilder-id="4016d967-e098-487d-a20e-da328d2345df" class="standard-download image-link">Download Free Trial - With sample projects</a>
<a href="../pricing-licensing/better-listview.html" class="standard-buy image-link">See Pricing &amp; Licensing</a>
</div>
</div>
</div>
<div id="screenshot-buttons" style="display: none">
<div class="buttons">
<a href="../betterlistview.exe" class="small-download image-link" onclick="download_email('better-listview');">Free Download</a>
<a href="../pricing-licensing/better-listview.html" class="small-buy image-link">See Pricing &amp; Licensing</a>
</div>
</div>
</div>
</div>
<div class="d-footer">
<div class="d-placing">
<div class="left">
<div class="latest-posts">
<h3 class="latest_from_blog"><a href="../blog.html">Latest From Our Blog</a></h3>
<h4><a href="../blog/index.html%3Fp=927.html">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>
<div class="post-info">Thursday, 09 February 2017</div>
<h4><a href="../blog/index.html%3Fp=914.html">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>
<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>
<div class="post-info">Sunday, 06 July 2014</div>
</div>
<div class="other-posts"><a href="../blog.html">See more posts &raquo;</a></div>
</div>
<div class="right">
<div class="news">
<ul class="links">
<li><a href="../feeds.rss" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
</ul>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better ListView Express 3.15 released!</h4>
<p>
<a href="../betterlistviewexpress.exe" onclick="download_email('better-listview-express');">Download latest release</a>
</p>
</div>
</div>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better ListView 3.15 released!</h4>
<p>
<a href="../betterlistview.exe" onclick="download_email('better-listview');">Download latest release</a>
</p>
</div>
</div>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better SplitButton 3.15 released!</h4>
<p>
<a href="../bettersplitbutton.exe" onclick="download_email('better-splitbutton');">Download latest release</a>
</p>
</div>
</div>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better Thumbnail Browser 3.15 released!</h4>
<p>
<a href="../betterthumbnailbrowser.exe" onclick="download_email('better-thumbnail-browser');">Download latest release</a>
</p>
</div>
</div>
<div class="news-item last-item">
<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" onclick="download_email('better-listview-express');">Download latest release</a>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="d-placing">
<hr />
<div class="copy"><div class="social"><a href="../support.html" class="feedback">Contact Us (Feedback)</a> <span>|</span> <a href="../feeds.rss" class="rss">RSS</a> <span>|</span> <a href="https://twitter.com/ComponentOwl" class="twitter">Twitter</a> <span>|</span> <a href="../sitemap.html" class="sitemap">Sitemap</a> <span>|</span> Our <a href="../index.html" class="stdl">task management software</a> that uses Better ListView</div>
Copyright &copy; 2021 ComponentOwl.com, All rights reserved. Read our <a href="../eula.html">EULA</a>, <a href="../disclaimer.html">Disclaimer</a> and <a href="../privacy-policy.html">Privacy Policy</a>.<br /></div>
</div>
</div>
</div>
<script src="../javascripts/app_packaged.js%3F1455269826" type="text/javascript"></script>
<script async>(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='854b5e00f297990012cc230023375a00787c0000216621002775a800d79ad500';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumo.com/');</script>
</body>
</html>

580
public/better-listview-express/\".html
View File

@@ -1,580 +0,0 @@
<!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" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TMSFLB4');</script>
<!-- End Google Tag Manager -->
<script>
function gainit()
{
ga('create', 'UA-16362539-4', 'auto');
console.log('ga init');
}
window.onload=gainit;
</script>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta name="keywords" content="better listview, list view, listview, list view control, list view component, .net list view, list view replacement, list view alternative, improved list view, enhanced list view" />
<meta name="description" content="Better ListView is an alternative List View control - the ideal replacement for the regular .NET listview component. For WinForms C#/VB.net." />
<meta name="author" content="ComponentOwl" />
<meta http-equiv="Title" content="Better ListView for .NET (C#, VB) - Alternative list view component" />
<meta name="copyright" content="(c) 2010-2018 ComponentOwl" />
<meta name="distribution" content="Global" />
<meta name="rating" content="General" />
<meta name="robots" content="All" />
<meta http-equiv="Content-Language" content="en" />
<meta name="verify-v1" content="NK0H1gWia1vxGZ2Yhr59gsS0/P2/USBI1DVA18VkzjM=" />
<meta name="google-site-verification" content="O7Dwtzu5x_Mob9u98uxqpZ-_wCLGpEkx2IL0UYVQ4ac" />
<title>Better ListView for .NET (C#, VB) - Alternative list view component</title>
<link rel="alternate" type="application/rss+xml" title="Component Owl Feed: Latest releases, news and tips &amp; tricks from our blog" href="../feeds.rss" />
<link rel="alternate" type="application/rss+xml" title="Component Owl's Comics: Latest comic strips for developers by Libor Tinka" href="../comics.rss" />
<link href="../stylesheets/base_packaged.css%3F1455269822.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TMSFLB4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="d-page">
<div class="d-header d-placing">
<ul class="d-menu">
<li class=""><a href="../index.html" class="menu-item">Home</a></li>
<li class="active with-dropdown">
<a href="../blog/page/6/index.html" class="menu-item">Products</a>
<div class="dropdown dropdown-submenu" style="display: none; width: 370px"><div class="outer"><div class="shadowbox"><div class="border"><div class="inner">
<div class="dropdown-category">WinForms Components</div>
<a href="../blog/page/6/index.html" class="featured-item"><img alt="icon" src="http://assets.componentowl.com/icons/better-listview-32-1355160256.png?1355135056" /> Better ListView<br /><span class="subline">Ultimate ListView control for .NET</span></a>
<a href="../better-thumbnail-browser.html" class="featured-item"><img alt="icon" src="http://assets.componentowl.com/icons/better-thumbnail-browser-32-1355160281.png?1355135081" /> Better Thumbnail Browser<br /><span class="subline">Thumbnail loading and browsing control for .NET</span></a>
<a href="../better-splitbutton.html"><img alt="icon" src="http://assets.componentowl.com/icons/better-splitbutton-32-1355160307.png?1355135107" /> Better SplitButton<br /><span class="subline">Free customizable dropdown button control</span></a>
<a href="../better-listview-express.html"><img alt="icon" src="http://assets.componentowl.com/icons/better-listview-express-32-1355160327.png?1355135127" /> Better ListView Express<br /><span class="subline">Free edition with less features</span></a>
</div></div></div></div></div>
</li>
<li class="">
<a href="../pricing-licensing/better-listview.html" class="menu-item">Purchase</a>
<div class="dropdown dropdown-submenu" style="display: none; width: 330px"><div class="outer"><div class="shadowbox"><div class="border"><div class="inner">
<a href="../pricing-licensing/better-listview.html" class="featured-item">Better ListView</a>
<a href="../pricing-licensing/better-thumbnail-browser.html" class="featured-item">Better Thumbnail Browser</a>
<a href="../pricing-licensing/better-splitbutton.html">Better SplitButton</a>
</div></div></div></div></div>
</li>
<li class=""><a href="../support.html" class="menu-item">Support</a></li>
<li class=""><a href="../articles.html" class="menu-item">Articles</a></li>
<li class=""><a href="../blog.html" class="menu-item">Blog</a></li>
<li class=""><a href="../comics/43.html" class="menu-item">Comics</a></li>
<li class=""><a href="../about-us.html" class="menu-item">About Us</a></li>
</ul>
<div class="d-logo">
<a href="../index.html" class="logoimg"><img alt="Component Owl" src="../images/componentowl.gif%3F1455269978" /></a>
<g:plusone size="medium" count="false" href="http://www.componentowl.com"></g:plusone>
</div>
</div>
<div class="d-placing">
<div class="d-content-wrap">
<div class="subpage product-content">
<h1>Better ListView: Alternative list view control for .NET</h1>
<p class="section-info">Ideal .NET WinForms (C#, VB.net) replacement list view component. More features, less limitations, fast and optimized.</p>
<div class="sides">
<div class="right">
<input id="tabs-initial-index" name="tabs-initial-index" type="hidden" value="-1" />
<ul id="nav" class="nav">
<li><a href="../blog/page/6/index.html" class="current">Overview</a></li>
<li><a href="../better-listview/screenshots.html" class="">Screenshots</a></li>
<li><a href="../better-listview/comparison-table.html" class="">Comparison</a></li>
<li><a href="../better-listview/resources.html" class="">Resources</a></li>
<li><a href="../better-listview/story.html" class="">Story</a></li>
</ul>
<div id="nav-panel" class="nav-panel product-detail"><div class="features-page">
<ul class="common">
<li>Better ListView is a <strong>list view control for .NET Windows Forms</strong></li>
<li>Designed as a replacement for the regular .NET list view control.</li>
<li>Compatible with: Visual Studio 2015, 2013, 2012, 2010, 2008, 2005, with full designer support.</li>
<li>For C#, Visual Basic .NET (VB.NET), managed C++, and other CLI languages.</li>
<li>Compatible with .NET 4.5, .NET 4, .NET 3.5, .NET 3, .NET 2, and newer. Supports .NET Client Profile.</li>
<li>Runs on Windows 10, 8, 7, Vista, 2003, XP, 2000, and newer, both 32-bit and 64-bit.</li>
<li>Better ListView has <strong>more features and flexibility</strong>, always uses the <strong>current system theme</strong> (including <strong>Aero</strong> support), and <strong>removes limitations</strong> of the regular .NET list view control.</li>
<li><strong>Minimum learning needed</strong>. Better ListView can be used just like the regular list view.</li>
<li>Written in <strong>pure managed C# code</strong>. It is fast, <strong>light-weight</strong> and optimized for 10k+ items.</li>
<li>Easy royalty-free deployment. Single DLL file that has just 250kB when compressed.</li>
<li>The assembly is <strong><a href="http://www.nist.gov/itl/fipsinfo.cfm" target="_blank">FIPS-compliant</a></strong>, CLS-compliant, <strong>digitally signed</strong> and strongly named.</li>
<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>
<h2>Extra features summary</h2>
Better ListView is fast and flicker-free, supports hierarchical items, has improved grouping, better drag &amp; drop and item reordering support, better column headers, inbuilt sorting, multi-column sorting, better images support, context menus for column headers and items, embedded controls for editing support, automatic and custom sizing of items and images, thumbnails view, richer event data, item text formatting, XML and binary serialization, data-binding, owner-drawing options, better tooltips, powerful hit-test, improved usability, easy saving/loading of contents into file or string, multi-line items, and more.
<div class="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
Component Owl created <b>the one and only tool I don’t want to be without when it comes to software developing in Visual Studio</b>. Also, I’ve been working as software user/developer for the last 26 years, and <b>I have never before experienced a support that really goes the needed extra mile to make things work</b>, like the guys at Component Owl do.
</em></blockquote><strong>Göran Alfvén, Sweden</strong></div></div>
<div class="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
The control is <b>very easy and intuitive to use and is well documented</b>.
</em></blockquote><strong>DevProConnections.com Review</strong></div></div>
<div class="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
Better List View is <b>awesome</b>.
</em></blockquote><strong>Daniel N</strong></div></div>
<h3>Hierarchical items</h3>
You can create tree-like structures in Better ListView; inbuilt drag &amp; drop hierarchical reordering of items.
<h3>Improved grouping</h3>
Better grouping – customizable group headers look and behavior, collapsible, image support, context menu support, focusable, etc. Each group header can be customized individually.
<h3>Save/load contents with 1 line of code</h3>
You can save or load the contents of Better ListView in just 1 line of code, either to file or string. Both XML and binary serialization is supported.
<h3>Double-buffered and flicker free</h3>
Simply put, Better ListView is smooth. Regular listview requires multiple anti-flicker techniques, but you do not have to worry about that with Better ListView. Better ListView is optimized for 100k+ items.
<h3>Column header images</h3>
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>
<h3>Sub-item images</h3>
You can set images to list view sub-items. Regular list view allows you to set only one image per list view item, but Better ListView can show image for every sub-item (in every column).
<h3>Image-List and Image Support</h3>
Better ListView supports both image list, or individual image objects (System.Drawing.Image). Regular list view forces you to use ImageList object.
<h3>Custom list view Image size</h3>
You can use any image size in the list view. Better ListView can also automatically resize images with preserving aspect ratio.
<h3>Drag &amp; drop with insertion mark</h3>
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>
<h3>List view item reordering</h3>
Better ListView has inbuilt item reordering and item drag &amp; drop inserting at the position specified by user. Drag &amp; drop preview is shown using an insertion mark.
<h3>Column-header reordering</h3>
Better ListView has inbuilt easy drag &amp; 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>
<h3>Auto-scroll for column header reordering and item reordering</h3>
Better ListView has inbuilt auto-scrolling for column header and item reordering.
<h3>Column headers can be shown in all views</h3>
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>
<h3>Thumbnails view mode</h3>
Better ListView supports additional "thumbnails" view mode that allows you to view images of large sizes. The images are automatically and smoothly resized with preserved aspect ratio. You can define the maximum/minimum desired image sizes.
<h3>Image shadows, borders and padding</h3>
All images in Better ListView can have border or shadow specified. You can also specify padding that gives you space for owner drawing (eg. overlay images). This can be used in all views.
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>
<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>
<h3>Inbuilt sorting and natural sorting</h3>
Better ListView has inbuilt list view sorting that works out of the box. You no longer need to implement your own item comparer. If custom comparer is needed, you can inherit from the Better ListView comparer to save time.
<h3>Richer event data</h3>
Many events have richer event data that allow you to do extra operations or tell you extra useful information. The richer events include: AfterItemSort, BeforeDrag, BeforeItemSort, ColumnClick (allows you to cancel sort), DragDropException, DrawBackground, DrawColumnHeaderBackground, DrawColumnHeader, DrawItemBackground, DrawItem, HitTestChanged, ItemActivate (event data tells you how the item got activated - mouse, keyboard or code), ItemDrag, ItemDrop, ItemReorder, ItemSearch, LabelEdit, RequestEmebeddedControl.
<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>
<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>
<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>
<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>
<h3>Uses current Windows theme</h3>
Instead of implementing custom, un-native look and feel, Better ListView always automatically fully uses the current system theme. It supports Aero as well. Better ListView always looks great and feels right to the user.
<h3>XML and binary serialization of everything</h3>
Every part of Better ListView (items, sub-items, column headers) can be both binary and XML serialized. You can easily XML serialize whole list view (or binary serialize) to save it to file or transfer items between controls. Standard ways of .NET serialization can be used (BinaryFormatter, XmlSerializer).
<h3>Owner drawing</h3>
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>
<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>
<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>
<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>
<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>
<h3>Customizable search-by-typing</h3>
Better ListView has excellent customization functionality for find-as-you-type item searching. The search modes include: Prefix (searchs from beginning of items), Substring (search any part of item text), Prefix + Substring, or Disabled. Additionally, search options include: Case sensitive, search first word only, play sound when item not found, prefer prefixes, search whole words. You can also restrict the search to only certain columns. You can also call "FindItemsWithText" function to find items from code.
<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>
<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>
<h3>ListView item text formatting</h3>
Supports both text trimming and auto-ellipsis for text that's too long. You can choose from: TrimCharacter, TrimWord, EllipsisCharacter, EllipsisWord, EllipsisPath (for file paths). Column header text can be broken into multiple lines.
<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>
<h3>Automatic list view layout</h3>
Better ListView can auto-size item images, item text, column header images, column header text.
<h3>Custom list view item size</h3>
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="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
It's an odd thing when you're inspired by a form component, but Component Owl
with their Better ListView has done it. Love its native feel.
</em></blockquote><strong>Daniel N, USA</strong></div></div>
<h2>More advantages of our improved list view component:</h2>
<ul class="common">
<li><strong>Developer friendly</strong>: All classes and properties are as similar to the regular list view as possible. Everything is intuitive, very little learning is needed. You can use Better ListView immediately. <strong>Save time and ship sooner</strong>.</li>
<li><strong>Better ListView has improved usability and fixed behavior</strong>. All Windows users are familiar with the list view used in Windows Explorer. Better ListView mimicks behavior and look &amp; feel of the Windows Explorer list view as much as possible to leverage the existing user knowledge. <strong>Using Better ListView is pleasant for users.</strong> Many other list view components implement custom look and behavior and can oftentimes downright frustrate users (many controls don't even support mouse-wheel scrolling!) This doesn't happen with Better ListView.</li>
<li><strong>Guaranteed support and continued development</strong>: Better ListView is developed as a joint-venture of two software companies that use Better ListView in their main products (popular <strong><a href="http://www.dextronet.com/swift-to-do-list-software" target="_blank">Swift To-Do List</a></strong> and <strong><a href="http://www.imagingshop.com" target="_blank">ImagingShop</a></strong>). These applications are used by thousands of users daily. This is your guarantee that Better ListView will be supported and developed in the future.</li>
<li><strong>Tested in real world applications by thousands of users</strong>: Because Better ListView is used in professional consumer desktop software applications - Swift To-Do List and ImagingShop, thousands of users work with Better ListView every day. Although we use unit tests that cover most of code, and do thorough inhouse testing, this is your true guarantee that it is tested thoroughly in the real world. It is <strong>extremely stable</strong>.</li>
<li>Better ListView does <strong>not</strong> inherit from the regular .NET list view. It is written in pure managed C# code and is flexible, light weight, and fast. Extensions of the regular .net list view only go so far. Better ListView goes further. Soure code licenses are also available for ultimate customization.</li>
</ul>
<div class="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
In addition to creating a new List View control to incorporate <b>broader flexibility and functionality</b>, Better ListView could also be called <b>Fixed ListView</b>, as it corrects a number of annoying problems with the standard List View that Microsoft delivers to Visual Studio customers.
</em></blockquote><strong>DevProConnections.com Review</strong></div></div>
</div></div>
</div>
<div class="left">
<div class="buttons-box">
<a onclick="ga('send', 'event', 'trial', 'click');" data-sumome-listbuilder-id="4016d967-e098-487d-a20e-da328d2345df" class="standard-download image-link">Download Free Trial - With sample projects</a>
<a href="../pricing-licensing/better-listview.html" class="standard-buy image-link">See Pricing &amp; Licensing</a>
<p>Version 3.15 / May 27, 2015</p>
</div>
<div class="compatibility">
<p><strong>Seamless integration with .NET 2.0 and higher</strong></p>
<div class="documentation">
<p><a href="../better-listview/quick-start-guide.html" onclick="window.open(this.href); return false">See Quick Start Guide</a></p>
<p><a href="../better-listview/documentation.html" onclick="window.open(this.href); return false">See Documentation</a></p>
<p><a href="../better-listview/class-reference.html" onclick="window.open(this.href); return false">See Class Reference</a></p>
</div>
</div>
<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>
</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()) + '&amp;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" />
<input id="form_id" name="form_id" type="hidden" value="#new_subscription_product" />
<strong>Receive product updates<br />and news via email:</strong>
<div><input class="email inline-label" id="product-newsletter-email" name="subscription[email]" size="30" type="text" value="Your Email" /></div>
<div id="product-newsleter-lists" class="subscription-lists-ct" style="display: none"><input name="subscription[subscription_list_ids][]" type="hidden" value="970100327" />
<input name="subscription[subscription_list_ids][]" type="hidden" value="1009842129" /></div>
<span class="dbtn-c subscribe dbtn-small" id="send"><span class="dbtn-w"><input class="dbtn" name="commit" type="submit" value="Subscribe" /></span></span>
</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>
</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>
</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>
</div>
<div class="small-button-ct">
<a href="../better-listview/screenshots.html" class="small-button"><span>More Screenshots</span></a>
</div>
</div>
</div>
<div class="buttons-wrap">
<div class="buttons">
<a onclick="ga('send', 'event', 'trial', 'click');" data-sumome-listbuilder-id="4016d967-e098-487d-a20e-da328d2345df" class="standard-download image-link">Download Free Trial - With sample projects</a>
<a href="../pricing-licensing/better-listview.html" class="standard-buy image-link">See Pricing &amp; Licensing</a>
</div>
</div>
</div>
<div id="screenshot-buttons" style="display: none">
<div class="buttons">
<a href="../betterlistview.exe" class="small-download image-link" onclick="download_email('better-listview');">Free Download</a>
<a href="../pricing-licensing/better-listview.html" class="small-buy image-link">See Pricing &amp; Licensing</a>
</div>
</div>
</div>
</div>
<div class="d-footer">
<div class="d-placing">
<div class="left">
<div class="latest-posts">
<h3 class="latest_from_blog"><a href="../blog.html">Latest From Our Blog</a></h3>
<h4><a href="../blog/index.html%3Fp=927.html">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>
<div class="post-info">Thursday, 09 February 2017</div>
<h4><a href="../blog/index.html%3Fp=914.html">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>
<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>
<div class="post-info">Sunday, 06 July 2014</div>
</div>
<div class="other-posts"><a href="../blog.html">See more posts &raquo;</a></div>
</div>
<div class="right">
<div class="news">
<ul class="links">
<li><a href="../feeds.rss" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
</ul>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better ListView Express 3.15 released!</h4>
<p>
<a href="../betterlistviewexpress.exe" onclick="download_email('better-listview-express');">Download latest release</a>
</p>
</div>
</div>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better ListView 3.15 released!</h4>
<p>
<a href="../betterlistview.exe" onclick="download_email('better-listview');">Download latest release</a>
</p>
</div>
</div>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better SplitButton 3.15 released!</h4>
<p>
<a href="../bettersplitbutton.exe" onclick="download_email('better-splitbutton');">Download latest release</a>
</p>
</div>
</div>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better Thumbnail Browser 3.15 released!</h4>
<p>
<a href="../betterthumbnailbrowser.exe" onclick="download_email('better-thumbnail-browser');">Download latest release</a>
</p>
</div>
</div>
<div class="news-item last-item">
<div class="date">08<span>Apr</span></div>
<div class="message">
<h4>Better ListView Express 3.14.0 released!</h4>
<p>
<a href="releases%3Fsince=3.14.0.html">See what's new</a>
or
<a href="../betterlistviewexpress.exe" onclick="download_email('better-listview-express');">Download latest release</a>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="d-placing">
<hr />
<div class="copy"><div class="social"><a href="../support.html" class="feedback">Contact Us (Feedback)</a> <span>|</span> <a href="../feeds.rss" class="rss">RSS</a> <span>|</span> <a href="https://twitter.com/ComponentOwl" class="twitter">Twitter</a> <span>|</span> <a href="../sitemap.html" class="sitemap">Sitemap</a> <span>|</span> Our <a href="../index.html" class="stdl">task management software</a> that uses Better ListView</div>
Copyright &copy; 2021 ComponentOwl.com, All rights reserved. Read our <a href="../eula.html">EULA</a>, <a href="../disclaimer.html">Disclaimer</a> and <a href="../privacy-policy.html">Privacy Policy</a>.<br /></div>
</div>
</div>
</div>
<script src="../javascripts/app_packaged.js%3F1455269826" type="text/javascript"></script>
<script async>(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='854b5e00f297990012cc230023375a00787c0000216621002775a800d79ad500';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumo.com/');</script>
</body>
</html>

592
public/better-listview-express/releases?since=3.14.0.html
View File

@@ -1,592 +0,0 @@
<!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" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta name="keywords" content="list view, listview, list view control, list view component, .net list view, list view replacement, list view alternative, improved list view, enhanced list view" />
<meta name="description" content="Better ListView by Component Owl is a .NET WinForms control designed to replace the standard list view control included with C#/VB.net." />
<meta name="author" content="Dextronet" />
<meta http-equiv="Title" content="Better ListView .NET control: Improved List View control for C# and VB.NET (Windows Forms)" />
<meta name="copyright" content="(c) 2010-2018 Dextronet" />
<meta name="distribution" content="Global" />
<meta name="rating" content="General" />
<meta name="robots" content="All" />
<meta http-equiv="Content-Language" content="en" />
<meta name="verify-v1" content="NK0H1gWia1vxGZ2Yhr59gsS0/P2/USBI1DVA18VkzjM=" />
<meta name="google-site-verification" content="O7Dwtzu5x_Mob9u98uxqpZ-_wCLGpEkx2IL0UYVQ4ac" />
<title>Better ListView .NET control: Improved List View control for C# and VB.NET (Windows Forms)</title>
<link rel="alternate" type="application/rss+xml" title="Component Owl Feed: Latest releases, news and tips &amp; tricks from our blog" href="../feeds.rss" />
<link rel="alternate" type="application/rss+xml" title="Component Owl's Comics: Latest comic strips for developers by Libor Tinka" href="../comics.rss" />
<link href="../stylesheets/base_packaged.css%3F1455269822.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="d-page">
<script type="text/javascript">
//<![CDATA[
var t = {"antispam":"capek-rulz","purchase_email":"valid purchase email","valid_email":"a valid email","thanks_for_why_uninstall":"Thank you very much for your feedback!","thank_you":"Thank you!","current_email":"valid current email","thanks_for_subscription":"<div class=\"sent-saved-notice\">Thank You for your subscription!<br /><button type=\"button\" onclick=\"close_fancybox();\">Close</button>","message":"message","required":"required","download_in_progress":"Your download should be in progress...","your_full_name":"your full name","order_thanks_for_message":"<div class=\"sent-saved-notice\">Thank you very much for your message!<br /><button type=\"button\" onclick=\"close_fancybox();\">Close</button>","thanks_for_message":"Thank you very much for your message!<br /><a href="http://www.componentowl.com/better-listview-express/\&quot;#\"" onclick=\"send_another(); return false;\">Send Another Message</a>"}
//]]>
</script>
<div class="d-header d-placing">
<ul class="d-menu">
<li class=""><a href="../index.html" class="menu-item">Home</a></li>
<li class="active with-dropdown">
<a href="../blog/page/6/index.html" class="menu-item">Products</a>
<div class="dropdown dropdown-submenu" style="display: none; width: 370px"><div class="outer"><div class="shadowbox"><div class="border"><div class="inner">
<div class="dropdown-category">WinForms Components</div>
<a href="../blog/page/6/index.html" class="featured-item"><img alt="icon" src="http://assets.componentowl.com/icons/better-listview-32-1355160256.png?1355135056" /> Better ListView<br /><span class="subline">Ultimate ListView control for .NET</span></a>
<a href="../better-thumbnail-browser.html" class="featured-item"><img alt="icon" src="http://assets.componentowl.com/icons/better-thumbnail-browser-32-1355160281.png?1355135081" /> Better Thumbnail Browser<br /><span class="subline">Thumbnail loading and browsing control for .NET</span></a>
<a href="../better-splitbutton.html"><img alt="icon" src="http://assets.componentowl.com/icons/better-splitbutton-32-1355160307.png?1355135107" /> Better SplitButton<br /><span class="subline">Free customizable dropdown button control</span></a>
<a href="../better-listview-express.html"><img alt="icon" src="http://assets.componentowl.com/icons/better-listview-express-32-1355160327.png?1355135127" /> Better ListView Express<br /><span class="subline">Free edition with less features</span></a>
</div></div></div></div></div>
</li>
<li class="">
<a href="../pricing-licensing/better-listview.html" class="menu-item">Purchase</a>
<div class="dropdown dropdown-submenu" style="display: none; width: 330px"><div class="outer"><div class="shadowbox"><div class="border"><div class="inner">
<a href="../pricing-licensing/better-listview.html" class="featured-item">Better ListView</a>
<a href="../pricing-licensing/better-thumbnail-browser.html" class="featured-item">Better Thumbnail Browser</a>
<a href="../pricing-licensing/better-splitbutton.html">Better SplitButton</a>
</div></div></div></div></div>
</li>
<li class=""><a href="../support.html" class="menu-item">Support</a></li>
<li class=""><a href="../articles.html" class="menu-item">Articles</a></li>
<li class=""><a href="../blog.html" class="menu-item">Blog</a></li>
<li class=""><a href="../comics/43.html" class="menu-item">Comics</a></li>
<li class=""><a href="../about-us.html" class="menu-item">About Us</a></li>
</ul>
<div class="d-logo">
<a href="../index.html" class="logoimg"><img alt="Component Owl" src="../images/componentowl.gif%3F1455269978" /></a>
<g:plusone size="medium" count="false" href="http://www.componentowl.com"></g:plusone>
</div>
</div>
<div class="d-placing">
<div class="d-content-wrap">
<div class="subpage product-content">
<h1>Better ListView Express edition: Free .NET listview control</h1>
<p class="section-info">The free Express edition has less features than the full version, but still kills the regular .NET WinForms (C#, VB.net) listview control.</p>
<div class="sides">
<div class="right">
<ul id="nav" class="nav">
<li><a href="../better-listview-express.html" class="current">&laquo; Back to the product overview</a></li>
</ul>
<div id="nav-panel" class="nav-panel product-detail releases"><form action="http://www.componentowl.com/better-listview-express/releases" method="get">
<div class="changes-since">
Show changes since: <select class="autosubmit" id="since" name="since"><option value="3.14.0" selected="selected">3.14.0</option>
<option value="3.13.0">3.13.0</option>
<option value="3.12.0">3.12.0</option>
<option value="3.11.0">3.11.0</option>
<option value="3.10.0">3.10.0</option>
<option value="3.9.1">3.9.1</option>
<option value="3.9.0">3.9.0</option>
<option value="3.8.3">3.8.3</option>
<option value="3.8.2">3.8.2</option>
<option value="3.8.1">3.8.1</option>
<option value="3.8.0">3.8.0</option>
<option value="3.7.7">3.7.7</option>
<option value="3.7.6">3.7.6</option>
<option value="3.7.5">3.7.5</option>
<option value="3.7.4">3.7.4</option>
<option value="3.7.3">3.7.3</option>
<option value="3.7.2">3.7.2</option>
<option value="3.7.1">3.7.1</option>
<option value="3.7.0">3.7.0</option>
<option value="3.6.1">3.6.1</option>
<option value="3.6.0">3.6.0</option>
<option value="3.5.0">3.5.0</option>
<option value="3.4.3">3.4.3</option>
<option value="3.4.2">3.4.2</option>
<option value="3.4.1">3.4.1</option>
<option value="3.4.0">3.4.0</option>
<option value="3.3.2">3.3.2</option>
<option value="3.3.1">3.3.1</option>
<option value="3.3.0">3.3.0</option>
<option value="3.2.2">3.2.2</option>
<option value="3.2.1">3.2.1</option>
<option value="3.2.0">3.2.0</option>
<option value="3.1.1">3.1.1</option>
<option value="3.1.0">3.1.0</option>
<option value="3.0.0">3.0.0</option>
<option value="2.9.1">2.9.1</option>
<option value="2.9.0">2.9.0</option>
<option value="2.8.0">2.8.0</option>
<option value="2.7.5">2.7.5</option>
<option value="2.7.4">2.7.4</option>
<option value="2.7.3">2.7.3</option>
<option value="2.7.2">2.7.2</option>
<option value="2.7.1">2.7.1</option>
<option value="2.7.0">2.7.0</option>
<option value="2.6.0">2.6.0</option>
<option value="2.5.8">2.5.8</option>
<option value="2.5.7">2.5.7</option>
<option value="2.5.6">2.5.6</option>
<option value="2.5.5">2.5.5</option>
<option value="2.5.4">2.5.4</option>
<option value="2.5.3">2.5.3</option>
<option value="2.5.2">2.5.2</option>
<option value="2.5.1">2.5.1</option>
<option value="2.5.0">2.5.0</option>
<option value="2.4.3">2.4.3</option>
<option value="2.4.2">2.4.2</option>
<option value="2.4.1">2.4.1</option></select>
</div>
</form>
<hr />
<h2 class="first">What's New in Better ListView Express since version 3.14.0</h2>
<h3>Changes in version 3.14.0 (Apr 08, 2015)</h3>
<p>* Fixed scrolling when all items are unselectable</p>
<h3>Changes in version 3.9.1 (May 19, 2014)</h3>
<p>* Fixed disappearing items after scrolling and item reordering in LargeIcon view with multi-line items</p>
<h3>Changes in version 3.9.0 (Apr 22, 2014)</h3>
<p>* Added integration with Visual Studio 2013
<br />* Added custom date format support in BetterListViewDateTimePickerEmbeddedControl
<br />* Added ItemReordered event
<br />
<br />* Fixed FindItemsWithText method call when working with invisible items
<br />* Fixed saving form after editing tooltips in Windows Forms Designer</p>
<h3>Changes in version 3.8.3 (Feb 03, 2014)</h3>
<p>* Fixed sorting of items with missing sub-items or Key set to null</p>
<h3>Changes in version 3.8.2 (Oct 21, 2013)</h3>
<p>* Fixed pixel precision bug in column selection
<br />* Fixed proper scrolling on combined items using EnsureVisible method
<br />* Fixed drawing item selection on MouseUp in some cases (click directly on text of previously selected item in Details view)</p>
<h3>Changes in version 3.8.1 (Sep 20, 2013)</h3>
<p>* Fixed search highlight in other than Details view</p>
<h3>Changes in version 3.8.0 (Sep 11, 2013)</h3>
<p>* Fixed search highlight on multi-line items</p>
<h3>Changes in version 3.7.7 (Aug 27, 2013)</h3>
<p>* Added HotTracking property
<br />* Added SmoothScroll property
<br />
<br />* Improved responsiveness (optimized control refreshing on control state transitions)
<br />
<br />* Fixed BetterListViewColumnHeader.DisplayIndex property value not being updated at the time of ColumnHeaderReordered event
<br />* Fixed bug in hit test invalidation optimization causing slower redrawing when mouse moves over large control with many items and columns</p>
<h3>Changes in version 3.7.6 (Jul 06, 2013)</h3>
<p>* Fixed item deselection when clicking on client area</p>
<h3>Changes in version 3.7.5 (Jun 24, 2013)</h3>
<p>* Fixed item selection by clicking on group header</p>
<h3>Changes in version 3.7.4 (Jun 05, 2013)</h3>
<p>* Removed beep when no item is found though single keypress (keyboard search)
<br />
<br />* Fixed keyboard search</p>
<h3>Changes in version 3.7.3 (May 30, 2013)</h3>
<p>* Fixed keyboard search with 'Substring' setting and single keystroke
<br />* Fixed rare but possible NullRefereceException in OnMouseUp method</p>
<h3>Changes in version 3.7.2 (Apr 10, 2013)</h3>
<p>* SuspendSelectionChanged renamed to SuppressSelectionChanged
<br />
<br />* Fixed selection display when FullRowSelect is false in Details view
<br />* Fixed grid lines display when HeaderStyle is None in Details view
<br />* Fixed closing floating window in Samples Explorer</p>
<h3>Changes in version 3.7.1 (Mar 28, 2013)</h3>
<p>* Fixed Visual Studio Toolbox integration on Windows XP</p>
<h3>Changes in version 3.7.0 (Mar 19, 2013)</h3>
<p>* Added HScrollHeight, VScrollWidth properties</p>
<h3>Changes in version 3.6.1 (Mar 01, 2013)</h3>
<p>* Fixed unnecessary redrawing during MouseMove</p>
<h3>Changes in version 3.6.0 (Feb 28, 2013)</h3>
<p>* Fixed possible exception when invoking context menu on an item by mouse
<br />* Fixed Samples Explorer "View Source" buttons being disabled
<br />* Fixed public constructor parameters being obfuscated</p>
<h3>Changes in version 3.5.0 (Jan 28, 2013)</h3>
<p>* Added owner drawing support for drag selection
<br />* Added data binding customization</p>
<h3>Changes in version 3.4.3 (Jan 18, 2013)</h3>
<p>* Fixed hidden Embedded Controls feature</p>
<h3>Changes in version 3.4.2 (Jan 12, 2013)</h3>
<p>* Column auto resizing can be done separately for column header, column content or both (BetterListViewColumnHeaderAutoResizeStyle changed to flags enum)
<br />
<br />* Fixed DoubleClick and ItemActivate not raised when the redrawing takes too much time between successive clicks
<br />* Fixed binding DataTable in the Data Binding sample
<br />* Fixed unnecessary refreshes during binding a table with multiple columns</p>
<h3>Changes in version 3.4.1 (Dec 20, 2012)</h3>
<p>* Added possibility of changing label being edited by setting Label property in BeforeLabelEdit and AfterLabelEditCancel event data
<br />
<br />* Improved Visual Studio Toolbox integration for more versions of .NET Framework, including Client Profile
<br />
<br />* Fixed possible NullReferenceException during clicking on column headers (negative mouse cursor coordinates probably due to mouse movement)
<br />* Fixed LabelEdit property not serializing to designer generated code</p>
<h3>Changes in version 3.4.0 (Dec 14, 2012)</h3>
<p>* Added 'Search Highlight' feature
<br />
<br /> * Added SearchHighlight, SearchHighlightColor, SearchHighlightBorderColor, SearchHighlightTextColor properties
<br /> * Added BetterListViewSearchOptions.UpdateSearchHighlight enum value
<br /> * Added BetterListViewSubItemBounds.BoundsSearchHighlight property
<br />
<br />* Fixed IndexOf() method on collections to return -1 if an element is not contained in the collection
<br />* Fixed case where clickable/sortable/unsortable column is clicked and mouse cursor moves quickly away
<br />* Fixed column auto resizing to account for groups
<br />* Fixed not allowing to put duplicate references in SelectedItems.Set(IEnumerable<BetterListViewItem>) or SelectedItems.AddRange(IEnumerable<BetterListViewItem>)</p>
<h3>Changes in version 3.3.2 (Dec 08, 2012)</h3>
<p>* Fixed moving mouse cursor over an item that is partially scrolled out so that the text boundaries have negative top coordinate
<br />* Fixed ItemActivate not raised on slow computers when item is double-clicked and mouse cursor moved quickly away</p>
<h3>Changes in version 3.3.1 (Dec 06, 2012)</h3>
<p>* Improved grid lines appearance
<br />
<br />* Fixed possible improper behavior on slower computers (or lagging code because of too much drawing etc.)
<br />
<br /> * Fixed item not selected clicked and mouse cursor is immediately moved away
<br /> * Fixed drag selection commited when item is almost double-clicked (second mouse button release not done) and then mouse is moved before button is released</p>
<h3>Changes in version 3.3.0 (Nov 30, 2012)</h3>
<p>* Added FIPS-compliance (improved security and compatibility)
<br />
<br />* Improved Samples Explorer
<br />
<br />* Fixed commencing mouse drag selecting on double-click and mouse move in quick succession
<br />* Fixed AutoResizeColumns updating just the last column
<br />* Fixed column header sort glyph placement when the column is sorted and no items are present in the list</p>
<h3>Changes in version 3.2.2 (Oct 09, 2012)</h3>
<p>* Added support for TypeConverters when adding custom objects to collections
<br />
<br />* Fixed reordering item in an empty group</p>
<h3>Changes in version 3.2.1 (Sep 18, 2012)</h3>
<p>* Added column reordering
<br />
<br />* Allowed setting Font property to null on column headers, groups, items and sub-items
<br />
<br />* Fixed cycling between items during keyboard search
<br />* Fixed code generation for SearchSettings property
<br />* Fixed NullReferenceException when edited sub-item is switched during label editing
<br />* Fixed multi-line text wrapping when BetterListViewItem.CheckBoxAppearance is set to None
<br />* Fixed sorted column background being drawn in other than Details view
<br />* Fixed unsufficient vertical scroll bar maximum when column headers are added in first initialization between BeginUpdate()/EndUpdate()
<br />* Fixed double-click on column containing hidden check box</p>
<h3>Changes in version 3.2.0 (Aug 27, 2012)</h3>
<p>* Added HeaderStyle property
<br />* Added BetterListViewColumnHeaderStyle.None enum value (indicates that column header is not displayed, but corresponding sub-items are)
<br />
<br />* Improved mouse and keyboard selections to behave more like Windows Explorer
<br />* Control+Shift modifier keys behave the same way as Control modifier key alone in Multi-column Sorting
<br />* Hidden ShowItemExpandButtons property in Express edition
<br />
<br />* Fixed possible multiselection using Control+click when MultiSelect is false</p>
</div>
</div>
<div class="left">
<div class="buttons-box">
<a href="../betterlistviewexpress.exe" class="standard-free-download image-link" onclick="download_email('better-listview-express');">Free Download</a>
<p>Version 3.15 / May 27, 2015</p>
</div>
<div class="compatibility">
<p><strong>Seamless integration with .NET 2.0 and higher</strong></p>
<div class="documentation">
<p><a href="quick-start-guide.html" onclick="window.open(this.href); return false">See Quick Start Guide</a></p>
<p><a href="documentation.html" onclick="window.open(this.href); return false">See Documentation</a></p>
<p><a href="../better-listview/class-reference.html" onclick="window.open(this.href); return false">See Class Reference</a></p>
</div>
</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()) + '&amp;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" />
<input id="form_id" name="form_id" type="hidden" value="#new_subscription_product" />
<strong>Receive Component Owl updates<br />and news via email:</strong>
<div><input class="email inline-label" id="product-newsletter-email" name="subscription[email]" size="30" type="text" value="Your Email" /></div>
<div id="product-newsleter-lists" class="subscription-lists-ct" style="display: none"><input name="subscription[subscription_list_ids][]" type="hidden" value="1009842129" /></div>
<span class="dbtn-c subscribe dbtn-small" id="send"><span class="dbtn-w"><input class="dbtn" name="commit" type="submit" value="Subscribe" /></span></span>
</form></div>
<div class="sharethis-ct">
<strong>Share this page if you like it:</strong>
<div class="sharethis">
<script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=db6a9d0e-5d07-4036-8bed-4959941491f3&amp;type=website&amp;post_services=email%2Cfacebook%2Ctwitter%2Cgbuzz%2Cmyspace%2Cdigg%2Csms%2Cwindows_live%2Cdelicious%2Cstumbleupon%2Creddit%2Cgoogle_bmarks%2Clinkedin%2Cbebo%2Cybuzz%2Cblogger%2Cyahoo_bmarks%2Cmixx%2Ctechnorati%2Cfriendfeed%2Cpropeller%2Cwordpress%2Cnewsvine"></script>
</div>
</div>
</div>
</div>
<div class="buttons-wrap">
<div class="buttons">
<a href="../betterlistviewexpress.exe" class="standard-free-download image-link" onclick="download_email('better-listview-express');">Free Download</a>
</div>
</div>
</div>
<div id="screenshot-buttons" style="display: none">
<div class="buttons">
<a href="../betterlistviewexpress.exe" class="small-download image-link" onclick="download_email('better-listview-express');">Free Download</a>
</div>
</div>
</div>
</div>
<div class="d-footer">
<div class="d-placing">
<div class="left">
<div class="latest-posts">
<h3 class="latest_from_blog"><a href="../blog.html">Latest From Our Blog</a></h3>
<h4><a href="../blog/index.html%3Fp=927.html">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>
<div class="post-info">Thursday, 09 February 2017</div>
<h4><a href="../blog/index.html%3Fp=914.html">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>
<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>
<div class="post-info">Sunday, 06 July 2014</div>
</div>
<div class="other-posts"><a href="../blog.html">See more posts &raquo;</a></div>
</div>
<div class="right">
<div class="news">
<ul class="links">
<li><a href="../feeds.rss" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
</ul>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better ListView Express 3.15 released!</h4>
<p>
<a href="../betterlistviewexpress.exe" onclick="download_email('better-listview-express');">Download latest release</a>
</p>
</div>
</div>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better ListView 3.15 released!</h4>
<p>
<a href="../betterlistview.exe" onclick="download_email('better-listview');">Download latest release</a>
</p>
</div>
</div>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better SplitButton 3.15 released!</h4>
<p>
<a href="../bettersplitbutton.exe" onclick="download_email('better-splitbutton');">Download latest release</a>
</p>
</div>

367
public/blog/better-listview-tip-how-to-draw-custom-selection/index.html?replytocom=1285.html
View File

@@ -1,367 +0,0 @@
<!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 &laquo; Owl&#039;s Blog on .NET development</title>
<link rel="stylesheet" href="../wp-content/themes/componentowl/style.css" type="text/css" media="screen" />
<link rel="pingback" href="../xmlrpc.php.html" />
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Feed" href="../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Comments Feed" href="../comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Better ListView Tip: How to Draw Custom Selection Comments Feed" href="feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
<link rel='https://api.w.org/' href='../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" />
<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' />
<meta name='robots' content='noindex,follow' />
<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&amp;format=xml.html" />
<script type="text/javascript" src="../../javascripts/plugins/jquery.validation.js"></script>
<script type="text/javascript" src="../../javascripts/dextronet.js"></script>
<script type="text/javascript" src="../wp-content/themes/componentowl/javascripts/theme.js"></script>
<!--[if IE 6]>
<style type="text/css">
#d-menu .dropdown .outer { background-image: none; }
#d-menu .dropdown .shadowbox { background-image: none; }
</style>
<![endif]-->
</head>
<body class="post-template-default single single-post postid-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&#039;s Blog on .NET development</a></h1>
<div class="blog-description">Component Owl codes Better ListView control all night so you don&#039;t have to.</div>
<div class="post-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>&nbsp;</p>
<p>By default, <a href="../../betterlistview.exe">Better ListView</a> uses system theme for drawing selections.</p>
<p>To draw custom selection, you can use owner drawing capabilities of Better ListView:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
class CustomListView : BetterListView<br />
{<br />
protected override void OnDrawItemBackground(BetterListViewDrawItemBackgroundEventArgs eventArgs)<br />
{<br />
base.OnDrawItemBackground(eventArgs);</p>
<p> if (eventArgs.Item.Selected)<br />
{<br />
Brush brushSelection = new SolidBrush(Color.FromArgb(128, Color.LightGreen));<br />
eventArgs.Graphics.FillRectangle(brushSelection, eventArgs.ItemBounds.BoundsSelection);<br />
brushSelection.Dispose();<br />
}<br />
}</p>
<p> protected override void OnDrawItem(BetterListViewDrawItemEventArgs eventArgs)<br />
{<br />
eventArgs.DrawSelection = false;</p>
<p> base.OnDrawItem(eventArgs);</p>
<p> if (eventArgs.Item.Selected)<br />
{<br />
eventArgs.Graphics.DrawRectangle(Pens.DarkGreen, eventArgs.ItemBounds.BoundsSelection);<br />
}<br />
}<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Class CustomListView<br />
Inherits BetterListView<br />
Protected Overrides Sub OnDrawItemBackground(eventArgs As BetterListViewDrawItemBackgroundEventArgs)<br />
MyBase.OnDrawItemBackground(eventArgs)</p>
<p> If eventArgs.Item.Selected Then<br />
Dim brushSelection As Brush = New SolidBrush(Color.FromArgb(128, Color.LightGreen))<br />
eventArgs.Graphics.FillRectangle(brushSelection, eventArgs.ItemBounds.BoundsSelection)<br />
brushSelection.Dispose()<br />
End If<br />
End Sub</p>
<p> Protected Overrides Sub OnDrawItem(eventArgs As BetterListViewDrawItemEventArgs)<br />
eventArgs.DrawSelection = False</p>
<p> MyBase.OnDrawItem(eventArgs)</p>
<p> If eventArgs.Item.Selected Then<br />
eventArgs.Graphics.DrawRectangle(Pens.DarkGreen, eventArgs.ItemBounds.BoundsSelection)<br />
End If<br />
End Sub<br />
End Class<br />
[/vb]</p>
<p>In the above code, we have created class <strong>CustomListView</strong> that inherits from <strong>BetterListView</strong>. We override <strong>OnDrawItemBackground</strong> and <strong>OnDrawItem</strong> methods to customize item background and item foreground drawing, respectively.</p>
<p>The <strong>OnDrawItemBackground</strong> method contains only check for whether the item is selected. If so, we draw selection background (filled rectangle in selection area).</p>
<p>The <strong>OnDrawItem</strong> method contains two things:</p>
<ol>
<li>Turn off  default selection.</li>
<li>Draw custom selection border <em>if</em> the item is selected.</li>
</ol>
<p>Drawbacks of drawing custom selections like this include using non-system theme, which can look ugly on various color schemes. By default, Better ListView always use the system theme, so the color consistency is ensured. You can, however, still use classes like <strong>SystemColors</strong> or <strong>SystemBrushes</strong> to ensure good look.</p>
<p>Another drawback is that you handle only two states of selection, i.e. selected and unselected state. This is sufficient for <em>Classic</em> Windows theme but there are several more states used on Windows <em>Aero</em> Theme, like &#8220;hot&#8221;, &#8220;focused and hot&#8221; or &#8220;hot and pressed&#8221;.</p>
<p>To allow these states, considerable coding need to be done.</p>
<p>In case you need this level of customization, please <a href="../../support.html">contact us</a> for Custom Coding support.</p>
<p>&nbsp;</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 &#8220;Better ListView Tip: How to Draw Custom Selection&#8221;</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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/90284c3319a28bd2b072c7f9ecea28e8?s=64&#038;d=retro&#038;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 &#8230;.</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&#038;d=retro&#038;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 &#8230; 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 &#8211; I don&#8217;t think they are stupid developers.</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='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 to <a href="index.html%3Freplytocom=1285.html#comment-1285">Claudiu</a></h3>
<div class="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="../index.html%3Fp=808.html#respond">Click here to cancel reply.</a></small>
</div>
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;s&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type='hidden' name='comment_post_ID' value='808' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='1285' />
</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="72"/></p>
</form>
</div>
</div>
<div class="d-sidebar">
<div class="dextronet-feeds">
<ul class="links">
<li><a href="../feed/index.html" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
</ul>
</div>
<form role="search" method="get" id="searchform-sidebar" action="../../blog.html" >
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
<input type="image" id="searchsubmit-sidebar" src="../wp-content/themes/componentowl/images/search.gif" value="Search" />
</div>
</form>
<div id="sidebar" role="complementary">
<ul>
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="../category/announcements/index.html" >Announcements</a> (8)
</li>
<li class="cat-item cat-item-21"><a href="../category/better-listview/index.html" >Better ListView</a> (44)
</li>
<li class="cat-item cat-item-4"><a href="../category/components/index.html" >Components</a> (9)
</li>
<li class="cat-item cat-item-222"><a href="../category/programming/index.html" >Programming</a> (2)
</li>
<li class="cat-item cat-item-13"><a href="../category/tutorials/index.html" >Tutorials</a> (19)
</li>
</ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
<li><a href='../2017/03/index.html'>March 2017</a></li>
<li><a href='../2017/02/index.html'>February 2017</a></li>
<li><a href='../2016/11/index.html'>November 2016</a></li>
<li><a href='../2014/08/index.html'>August 2014</a></li>
<li><a href='../2014/07/index.html'>July 2014</a></li>
<li><a href='../2014/04/index.html'>April 2014</a></li>
<li><a href='../2014/02/index.html'>February 2014</a></li>
<li><a href='../2013/03/index.html'>March 2013</a></li>
<li><a href='../2013/02/index.html'>February 2013</a></li>
<li><a href='../2013/01/index.html'>January 2013</a></li>
<li><a href='../2012/12/index.html'>December 2012</a></li>
<li><a href='../2012/09/index.html'>September 2012</a></li>
<li><a href='../2012/08/index.html'>August 2012</a></li>
<li><a href='../2012/04/index.html'>April 2012</a></li>
<li><a href='../2012/03/index.html'>March 2012</a></li>
<li><a href='../2012/02/index.html'>February 2012</a></li>
<li><a href='../2012/01/index.html'>January 2012</a></li>
<li><a href='../2011/12/index.html'>December 2011</a></li>
<li><a href='../2011/11/index.html'>November 2011</a></li>
<li><a href='../2011/10/index.html'>October 2011</a></li>
<li><a href='../2011/09/index.html'>September 2011</a></li>
<li><a href='../2011/08/index.html'>August 2011</a></li>
<li><a href='../2011/07/index.html'>July 2011</a></li>
<li><a href='../2011/06/index.html'>June 2011</a></li>
<li><a href='../2011/05/index.html'>May 2011</a></li>
<li><a href='../2011/03/index.html'>March 2011</a></li>
<li><a href='../2011/02/index.html'>February 2011</a></li>
<li><a href='../2011/01/index.html'>January 2011</a></li>
</ul>
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="../tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
<a href="../tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
<a href="../tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
<a href="../tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
<a href="../tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
<a href="../tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
<a href="../tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
<a href="../tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
<a href="../tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
<a href="../tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
<a href="../tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
<a href="../tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
<a href="../tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
<a href="../tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
<a href="../tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
<a href="../tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
<a href="../tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
<a href="../tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
<a href="../tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
<a href="../tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
<a href="../tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
<a href="../tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
<a href="../tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
<a href="../tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
<a href="../tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
<a href="../tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
<a href="../tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
<a href="../tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
<a href="../tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
<a href="../tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
<a href="../tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
<a href="../tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
<a href="../tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
<a href="../tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
<a href="../tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
<a href="../tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
<a href="../tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
<a href="../tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
<a href="../tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
<a href="../tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
<a href="../tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
<a href="../tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
<a href="../tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what&#039;s new (2 items)">what&#039;s new</a>
<a href="../tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
<a href="../tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
</li> </ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='../wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
<script type='text/javascript' src='../wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
<script async="async" type='text/javascript' src='../wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
</div>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
Served from: www.componentowl.com @ 2018-09-08 11:39:19 by W3 Total Cache
-->

367
public/blog/better-listview-tip-how-to-draw-custom-selection/index.html?replytocom=1286.html
View File

@@ -1,367 +0,0 @@
<!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 &laquo; Owl&#039;s Blog on .NET development</title>
<link rel="stylesheet" href="../wp-content/themes/componentowl/style.css" type="text/css" media="screen" />
<link rel="pingback" href="../xmlrpc.php.html" />
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Feed" href="../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Comments Feed" href="../comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Better ListView Tip: How to Draw Custom Selection Comments Feed" href="feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
<link rel='https://api.w.org/' href='../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" />
<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' />
<meta name='robots' content='noindex,follow' />
<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&amp;format=xml.html" />
<script type="text/javascript" src="../../javascripts/plugins/jquery.validation.js"></script>
<script type="text/javascript" src="../../javascripts/dextronet.js"></script>
<script type="text/javascript" src="../wp-content/themes/componentowl/javascripts/theme.js"></script>
<!--[if IE 6]>
<style type="text/css">
#d-menu .dropdown .outer { background-image: none; }
#d-menu .dropdown .shadowbox { background-image: none; }
</style>
<![endif]-->
</head>
<body class="post-template-default single single-post postid-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&#039;s Blog on .NET development</a></h1>
<div class="blog-description">Component Owl codes Better ListView control all night so you don&#039;t have to.</div>
<div class="post-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>&nbsp;</p>
<p>By default, <a href="../../betterlistview.exe">Better ListView</a> uses system theme for drawing selections.</p>
<p>To draw custom selection, you can use owner drawing capabilities of Better ListView:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
class CustomListView : BetterListView<br />
{<br />
protected override void OnDrawItemBackground(BetterListViewDrawItemBackgroundEventArgs eventArgs)<br />
{<br />
base.OnDrawItemBackground(eventArgs);</p>
<p> if (eventArgs.Item.Selected)<br />
{<br />
Brush brushSelection = new SolidBrush(Color.FromArgb(128, Color.LightGreen));<br />
eventArgs.Graphics.FillRectangle(brushSelection, eventArgs.ItemBounds.BoundsSelection);<br />
brushSelection.Dispose();<br />
}<br />
}</p>
<p> protected override void OnDrawItem(BetterListViewDrawItemEventArgs eventArgs)<br />
{<br />
eventArgs.DrawSelection = false;</p>
<p> base.OnDrawItem(eventArgs);</p>
<p> if (eventArgs.Item.Selected)<br />
{<br />
eventArgs.Graphics.DrawRectangle(Pens.DarkGreen, eventArgs.ItemBounds.BoundsSelection);<br />
}<br />
}<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Class CustomListView<br />
Inherits BetterListView<br />
Protected Overrides Sub OnDrawItemBackground(eventArgs As BetterListViewDrawItemBackgroundEventArgs)<br />
MyBase.OnDrawItemBackground(eventArgs)</p>
<p> If eventArgs.Item.Selected Then<br />
Dim brushSelection As Brush = New SolidBrush(Color.FromArgb(128, Color.LightGreen))<br />
eventArgs.Graphics.FillRectangle(brushSelection, eventArgs.ItemBounds.BoundsSelection)<br />
brushSelection.Dispose()<br />
End If<br />
End Sub</p>
<p> Protected Overrides Sub OnDrawItem(eventArgs As BetterListViewDrawItemEventArgs)<br />
eventArgs.DrawSelection = False</p>
<p> MyBase.OnDrawItem(eventArgs)</p>
<p> If eventArgs.Item.Selected Then<br />
eventArgs.Graphics.DrawRectangle(Pens.DarkGreen, eventArgs.ItemBounds.BoundsSelection)<br />
End If<br />
End Sub<br />
End Class<br />
[/vb]</p>
<p>In the above code, we have created class <strong>CustomListView</strong> that inherits from <strong>BetterListView</strong>. We override <strong>OnDrawItemBackground</strong> and <strong>OnDrawItem</strong> methods to customize item background and item foreground drawing, respectively.</p>
<p>The <strong>OnDrawItemBackground</strong> method contains only check for whether the item is selected. If so, we draw selection background (filled rectangle in selection area).</p>
<p>The <strong>OnDrawItem</strong> method contains two things:</p>
<ol>
<li>Turn off  default selection.</li>
<li>Draw custom selection border <em>if</em> the item is selected.</li>
</ol>
<p>Drawbacks of drawing custom selections like this include using non-system theme, which can look ugly on various color schemes. By default, Better ListView always use the system theme, so the color consistency is ensured. You can, however, still use classes like <strong>SystemColors</strong> or <strong>SystemBrushes</strong> to ensure good look.</p>
<p>Another drawback is that you handle only two states of selection, i.e. selected and unselected state. This is sufficient for <em>Classic</em> Windows theme but there are several more states used on Windows <em>Aero</em> Theme, like &#8220;hot&#8221;, &#8220;focused and hot&#8221; or &#8220;hot and pressed&#8221;.</p>
<p>To allow these states, considerable coding need to be done.</p>
<p>In case you need this level of customization, please <a href="../../support.html">contact us</a> for Custom Coding support.</p>
<p>&nbsp;</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 &#8220;Better ListView Tip: How to Draw Custom Selection&#8221;</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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/90284c3319a28bd2b072c7f9ecea28e8?s=64&#038;d=retro&#038;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 &#8230;.</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&#038;d=retro&#038;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 &#8230; 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 &#8211; I don&#8217;t think they are stupid developers.</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='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 to <a href="index.html%3Freplytocom=1286.html#comment-1286">Libor Tinka</a></h3>
<div class="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="../index.html%3Fp=808.html#respond">Click here to cancel reply.</a></small>
</div>
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;s&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type='hidden' name='comment_post_ID' value='808' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='1286' />
</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="245"/></p>
</form>
</div>
</div>
<div class="d-sidebar">
<div class="dextronet-feeds">
<ul class="links">
<li><a href="../feed/index.html" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
</ul>
</div>
<form role="search" method="get" id="searchform-sidebar" action="../../blog.html" >
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
<input type="image" id="searchsubmit-sidebar" src="../wp-content/themes/componentowl/images/search.gif" value="Search" />
</div>
</form>
<div id="sidebar" role="complementary">
<ul>
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="../category/announcements/index.html" >Announcements</a> (8)
</li>
<li class="cat-item cat-item-21"><a href="../category/better-listview/index.html" >Better ListView</a> (44)
</li>
<li class="cat-item cat-item-4"><a href="../category/components/index.html" >Components</a> (9)
</li>
<li class="cat-item cat-item-222"><a href="../category/programming/index.html" >Programming</a> (2)
</li>
<li class="cat-item cat-item-13"><a href="../category/tutorials/index.html" >Tutorials</a> (19)
</li>
</ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
<li><a href='../2017/03/index.html'>March 2017</a></li>
<li><a href='../2017/02/index.html'>February 2017</a></li>
<li><a href='../2016/11/index.html'>November 2016</a></li>
<li><a href='../2014/08/index.html'>August 2014</a></li>
<li><a href='../2014/07/index.html'>July 2014</a></li>
<li><a href='../2014/04/index.html'>April 2014</a></li>
<li><a href='../2014/02/index.html'>February 2014</a></li>
<li><a href='../2013/03/index.html'>March 2013</a></li>
<li><a href='../2013/02/index.html'>February 2013</a></li>
<li><a href='../2013/01/index.html'>January 2013</a></li>
<li><a href='../2012/12/index.html'>December 2012</a></li>
<li><a href='../2012/09/index.html'>September 2012</a></li>
<li><a href='../2012/08/index.html'>August 2012</a></li>
<li><a href='../2012/04/index.html'>April 2012</a></li>
<li><a href='../2012/03/index.html'>March 2012</a></li>
<li><a href='../2012/02/index.html'>February 2012</a></li>
<li><a href='../2012/01/index.html'>January 2012</a></li>
<li><a href='../2011/12/index.html'>December 2011</a></li>
<li><a href='../2011/11/index.html'>November 2011</a></li>
<li><a href='../2011/10/index.html'>October 2011</a></li>
<li><a href='../2011/09/index.html'>September 2011</a></li>
<li><a href='../2011/08/index.html'>August 2011</a></li>
<li><a href='../2011/07/index.html'>July 2011</a></li>
<li><a href='../2011/06/index.html'>June 2011</a></li>
<li><a href='../2011/05/index.html'>May 2011</a></li>
<li><a href='../2011/03/index.html'>March 2011</a></li>
<li><a href='../2011/02/index.html'>February 2011</a></li>
<li><a href='../2011/01/index.html'>January 2011</a></li>
</ul>
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="../tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
<a href="../tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
<a href="../tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
<a href="../tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
<a href="../tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
<a href="../tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
<a href="../tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
<a href="../tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
<a href="../tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
<a href="../tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
<a href="../tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
<a href="../tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
<a href="../tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
<a href="../tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
<a href="../tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
<a href="../tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
<a href="../tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
<a href="../tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
<a href="../tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
<a href="../tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
<a href="../tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
<a href="../tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
<a href="../tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
<a href="../tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
<a href="../tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
<a href="../tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
<a href="../tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
<a href="../tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
<a href="../tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
<a href="../tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
<a href="../tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
<a href="../tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
<a href="../tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
<a href="../tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
<a href="../tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
<a href="../tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
<a href="../tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
<a href="../tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
<a href="../tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
<a href="../tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
<a href="../tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
<a href="../tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
<a href="../tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what&#039;s new (2 items)">what&#039;s new</a>
<a href="../tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
<a href="../tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
</li> </ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='../wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
<script type='text/javascript' src='../wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
<script async="async" type='text/javascript' src='../wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
</div>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
Served from: www.componentowl.com @ 2018-09-08 11:39:20 by W3 Total Cache
-->

315
public/blog/better-thumbnail-browser-component-released/index.html?replytocom=1289.html
View File

@@ -1,315 +0,0 @@
<!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 &laquo; Owl&#039;s Blog on .NET development</title>
<link rel="stylesheet" href="../wp-content/themes/componentowl/style.css" type="text/css" media="screen" />
<link rel="pingback" href="../xmlrpc.php.html" />
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Feed" href="../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Comments Feed" href="../comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Better Thumbnail Browser Component Released Comments Feed" href="feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
<link rel='https://api.w.org/' href='../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" />
<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' />
<meta name='robots' content='noindex,follow' />
<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&amp;format=xml.html" />
<script type="text/javascript" src="../../javascripts/plugins/jquery.validation.js"></script>
<script type="text/javascript" src="../../javascripts/dextronet.js"></script>
<script type="text/javascript" src="../wp-content/themes/componentowl/javascripts/theme.js"></script>
<!--[if IE 6]>
<style type="text/css">
#d-menu .dropdown .outer { background-image: none; }
#d-menu .dropdown .shadowbox { background-image: none; }
</style>
<![endif]-->
</head>
<body class="post-template-default single single-post postid-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&#039;s Blog on .NET development</a></h1>
<div class="blog-description">Component Owl codes Better ListView control all night so you don&#039;t have to.</div>
<div class="post-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>&nbsp;</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>&nbsp;</p>
<p>Better Thumbnail Browser contains default implementation for loading thumbnail images from disk. If you want to gather all images from a given folder (say &#8220;c:\images&#8221;), display them in Better Thumbnail Browser and load them on background, the code is particularly simple:</p>
<pre>thumbnailBrowser.Path = "c:\\images";</pre>
<p>And that&#8217;s it!</p>
<p>Better Thumbnail Browser will be our third component which is used in end-user consumer-level software package. This ensures future development, improvements and support.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</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 &#8220;Better Thumbnail Browser Component Released&#8221;</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&#038;d=retro&#038;r=g' srcset="http://2.gravatar.com/avatar/b0d32e600859b54a7269171c3e943891?s=64&#038;d=retro&#038;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='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 to <a href="index.html%3Freplytocom=1289.html#comment-1289">Nathaniel Wise</a></h3>
<div class="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="../index.html%3Fp=823.html#respond">Click here to cancel reply.</a></small>
</div>
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;s&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type='hidden' name='comment_post_ID' value='823' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='1289' />
</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="176"/></p>
</form>
</div>
</div>
<div class="d-sidebar">
<div class="dextronet-feeds">
<ul class="links">
<li><a href="../feed/index.html" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
</ul>
</div>
<form role="search" method="get" id="searchform-sidebar" action="../../blog.html" >
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
<input type="image" id="searchsubmit-sidebar" src="../wp-content/themes/componentowl/images/search.gif" value="Search" />
</div>
</form>
<div id="sidebar" role="complementary">
<ul>
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="../category/announcements/index.html" >Announcements</a> (8)
</li>
<li class="cat-item cat-item-21"><a href="../category/better-listview/index.html" >Better ListView</a> (44)
</li>
<li class="cat-item cat-item-4"><a href="../category/components/index.html" >Components</a> (9)
</li>
<li class="cat-item cat-item-222"><a href="../category/programming/index.html" >Programming</a> (2)
</li>
<li class="cat-item cat-item-13"><a href="../category/tutorials/index.html" >Tutorials</a> (19)
</li>
</ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
<li><a href='../2017/03/index.html'>March 2017</a></li>
<li><a href='../2017/02/index.html'>February 2017</a></li>
<li><a href='../2016/11/index.html'>November 2016</a></li>
<li><a href='../2014/08/index.html'>August 2014</a></li>
<li><a href='../2014/07/index.html'>July 2014</a></li>
<li><a href='../2014/04/index.html'>April 2014</a></li>
<li><a href='../2014/02/index.html'>February 2014</a></li>
<li><a href='../2013/03/index.html'>March 2013</a></li>
<li><a href='../2013/02/index.html'>February 2013</a></li>
<li><a href='../2013/01/index.html'>January 2013</a></li>
<li><a href='../2012/12/index.html'>December 2012</a></li>
<li><a href='../2012/09/index.html'>September 2012</a></li>
<li><a href='../2012/08/index.html'>August 2012</a></li>
<li><a href='../2012/04/index.html'>April 2012</a></li>
<li><a href='../2012/03/index.html'>March 2012</a></li>
<li><a href='../2012/02/index.html'>February 2012</a></li>
<li><a href='../2012/01/index.html'>January 2012</a></li>
<li><a href='../2011/12/index.html'>December 2011</a></li>
<li><a href='../2011/11/index.html'>November 2011</a></li>
<li><a href='../2011/10/index.html'>October 2011</a></li>
<li><a href='../2011/09/index.html'>September 2011</a></li>
<li><a href='../2011/08/index.html'>August 2011</a></li>
<li><a href='../2011/07/index.html'>July 2011</a></li>
<li><a href='../2011/06/index.html'>June 2011</a></li>
<li><a href='../2011/05/index.html'>May 2011</a></li>
<li><a href='../2011/03/index.html'>March 2011</a></li>
<li><a href='../2011/02/index.html'>February 2011</a></li>
<li><a href='../2011/01/index.html'>January 2011</a></li>
</ul>
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="../tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
<a href="../tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
<a href="../tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
<a href="../tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
<a href="../tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
<a href="../tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
<a href="../tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
<a href="../tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
<a href="../tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
<a href="../tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
<a href="../tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
<a href="../tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
<a href="../tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
<a href="../tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
<a href="../tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
<a href="../tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
<a href="../tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
<a href="../tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
<a href="../tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
<a href="../tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
<a href="../tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
<a href="../tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
<a href="../tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
<a href="../tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
<a href="../tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
<a href="../tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
<a href="../tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
<a href="../tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
<a href="../tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
<a href="../tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
<a href="../tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
<a href="../tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
<a href="../tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
<a href="../tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
<a href="../tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
<a href="../tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
<a href="../tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
<a href="../tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
<a href="../tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
<a href="../tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
<a href="../tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
<a href="../tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
<a href="../tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what&#039;s new (2 items)">what&#039;s new</a>
<a href="../tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
<a href="../tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
</li> </ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='../wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
<script type='text/javascript' src='../wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
<script async="async" type='text/javascript' src='../wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
</div>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
Served from: www.componentowl.com @ 2018-09-08 11:40:44 by W3 Total Cache
-->

345
public/blog/custom-scroll-bar-size-in-better-listview/index.html?replytocom=1340.html
View File

@@ -1,345 +0,0 @@
<!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 &laquo; Owl&#039;s Blog on .NET development</title>
<link rel="stylesheet" href="../wp-content/themes/componentowl/style.css" type="text/css" media="screen" />
<link rel="pingback" href="../xmlrpc.php.html" />
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Feed" href="../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Comments Feed" href="../comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Custom Scroll Bar Size in Better ListView Comments Feed" href="feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
<link rel='https://api.w.org/' href='../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" />
<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' />
<meta name='robots' content='noindex,follow' />
<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&amp;format=xml.html" />
<script type="text/javascript" src="../../javascripts/plugins/jquery.validation.js"></script>
<script type="text/javascript" src="../../javascripts/dextronet.js"></script>
<script type="text/javascript" src="../wp-content/themes/componentowl/javascripts/theme.js"></script>
<!--[if IE 6]>
<style type="text/css">
#d-menu .dropdown .outer { background-image: none; }
#d-menu .dropdown .shadowbox { background-image: none; }
</style>
<![endif]-->
</head>
<body class="post-template-default single single-post postid-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&#039;s Blog on .NET development</a></h1>
<div class="blog-description">Component Owl codes Better ListView control all night so you don&#039;t have to.</div>
<div class="post-878 post type-post status-publish format-standard hentry category-better-listview category-components category-tutorials tag-bars tag-better-listview-2 tag-custom tag-height tag-large tag-larger tag-scroll tag-scrollbar tag-scrollbars tag-size tag-sizes tag-width" id="post-878">
<h2>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>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div class="postinfobar">
<span class="tags">Tags: <a href="../tag/bars/index.html" rel="tag">bars</a>, <a href="../tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="../tag/custom/index.html" rel="tag">custom</a>, <a href="../tag/height/index.html" rel="tag">height</a>, <a href="../tag/large/index.html" rel="tag">large</a>, <a href="../tag/larger/index.html" rel="tag">larger</a>, <a href="../tag/scroll/index.html" rel="tag">scroll</a>, <a href="../tag/scrollbar/index.html" rel="tag">scrollbar</a>, <a href="../tag/scrollbars/index.html" rel="tag">scrollbars</a>, <a href="../tag/size/index.html" rel="tag">size</a>, <a href="../tag/sizes/index.html" rel="tag">sizes</a>, <a href="../tag/width/index.html" rel="tag">width</a> </span>
</div>
</div>
<!-- You can start editing here. -->
<h3 id="comments">4 Responses to &#8220;Custom Scroll Bar Size in Better ListView&#8221;</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&#038;d=retro&#038;r=g' srcset="http://2.gravatar.com/avatar/5e6eab37fb46c48fa1f094fede596413?s=64&#038;d=retro&#038;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='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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&#038;d=retro&#038;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='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&#038;d=retro&#038;r=g' srcset="http://2.gravatar.com/avatar/bdbe177ff1a8d37264d390e1fd79f160?s=64&#038;d=retro&#038;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='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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&#038;d=retro&#038;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='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 to <a href="index.html%3Freplytocom=1340.html#comment-1340">brokey</a></h3>
<div class="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="../index.html%3Fp=878.html#respond">Click here to cancel reply.</a></small>
</div>
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;s&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type='hidden' name='comment_post_ID' value='878' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='1340' />
</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="185"/></p>
</form>
</div>
</div>
<div class="d-sidebar">
<div class="dextronet-feeds">
<ul class="links">
<li><a href="../feed/index.html" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
</ul>
</div>
<form role="search" method="get" id="searchform-sidebar" action="../../blog.html" >
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
<input type="image" id="searchsubmit-sidebar" src="../wp-content/themes/componentowl/images/search.gif" value="Search" />
</div>
</form>
<div id="sidebar" role="complementary">
<ul>
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="../category/announcements/index.html" >Announcements</a> (8)
</li>
<li class="cat-item cat-item-21"><a href="../category/better-listview/index.html" >Better ListView</a> (44)
</li>
<li class="cat-item cat-item-4"><a href="../category/components/index.html" >Components</a> (9)
</li>
<li class="cat-item cat-item-222"><a href="../category/programming/index.html" >Programming</a> (2)
</li>
<li class="cat-item cat-item-13"><a href="../category/tutorials/index.html" >Tutorials</a> (19)
</li>
</ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
<li><a href='../2017/03/index.html'>March 2017</a></li>
<li><a href='../2017/02/index.html'>February 2017</a></li>
<li><a href='../2016/11/index.html'>November 2016</a></li>
<li><a href='../2014/08/index.html'>August 2014</a></li>
<li><a href='../2014/07/index.html'>July 2014</a></li>
<li><a href='../2014/04/index.html'>April 2014</a></li>
<li><a href='../2014/02/index.html'>February 2014</a></li>
<li><a href='../2013/03/index.html'>March 2013</a></li>
<li><a href='../2013/02/index.html'>February 2013</a></li>
<li><a href='../2013/01/index.html'>January 2013</a></li>
<li><a href='../2012/12/index.html'>December 2012</a></li>
<li><a href='../2012/09/index.html'>September 2012</a></li>
<li><a href='../2012/08/index.html'>August 2012</a></li>
<li><a href='../2012/04/index.html'>April 2012</a></li>
<li><a href='../2012/03/index.html'>March 2012</a></li>
<li><a href='../2012/02/index.html'>February 2012</a></li>
<li><a href='../2012/01/index.html'>January 2012</a></li>
<li><a href='../2011/12/index.html'>December 2011</a></li>
<li><a href='../2011/11/index.html'>November 2011</a></li>
<li><a href='../2011/10/index.html'>October 2011</a></li>
<li><a href='../2011/09/index.html'>September 2011</a></li>
<li><a href='../2011/08/index.html'>August 2011</a></li>
<li><a href='../2011/07/index.html'>July 2011</a></li>
<li><a href='../2011/06/index.html'>June 2011</a></li>
<li><a href='../2011/05/index.html'>May 2011</a></li>
<li><a href='../2011/03/index.html'>March 2011</a></li>
<li><a href='../2011/02/index.html'>February 2011</a></li>
<li><a href='../2011/01/index.html'>January 2011</a></li>
</ul>
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="../tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
<a href="../tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
<a href="../tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
<a href="../tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
<a href="../tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
<a href="../tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
<a href="../tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
<a href="../tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
<a href="../tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
<a href="../tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
<a href="../tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
<a href="../tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
<a href="../tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
<a href="../tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
<a href="../tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
<a href="../tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
<a href="../tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
<a href="../tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
<a href="../tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
<a href="../tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
<a href="../tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
<a href="../tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
<a href="../tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
<a href="../tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
<a href="../tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
<a href="../tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
<a href="../tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
<a href="../tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
<a href="../tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
<a href="../tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
<a href="../tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
<a href="../tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
<a href="../tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
<a href="../tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
<a href="../tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
<a href="../tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
<a href="../tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
<a href="../tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
<a href="../tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
<a href="../tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
<a href="../tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
<a href="../tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
<a href="../tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what&#039;s new (2 items)">what&#039;s new</a>
<a href="../tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
<a href="../tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
</li> </ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='../wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
<script type='text/javascript' src='../wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
<script async="async" type='text/javascript' src='../wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
</div>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
Served from: www.componentowl.com @ 2018-09-08 11:38:57 by W3 Total Cache
-->

345
public/blog/custom-scroll-bar-size-in-better-listview/index.html?replytocom=1344.html
View File

@@ -1,345 +0,0 @@
<!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 &laquo; Owl&#039;s Blog on .NET development</title>
<link rel="stylesheet" href="../wp-content/themes/componentowl/style.css" type="text/css" media="screen" />
<link rel="pingback" href="../xmlrpc.php.html" />
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Feed" href="../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Comments Feed" href="../comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Custom Scroll Bar Size in Better ListView Comments Feed" href="feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
<link rel='https://api.w.org/' href='../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" />
<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' />
<meta name='robots' content='noindex,follow' />
<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&amp;format=xml.html" />
<script type="text/javascript" src="../../javascripts/plugins/jquery.validation.js"></script>
<script type="text/javascript" src="../../javascripts/dextronet.js"></script>
<script type="text/javascript" src="../wp-content/themes/componentowl/javascripts/theme.js"></script>
<!--[if IE 6]>
<style type="text/css">
#d-menu .dropdown .outer { background-image: none; }
#d-menu .dropdown .shadowbox { background-image: none; }
</style>
<![endif]-->
</head>
<body class="post-template-default single single-post postid-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&#039;s Blog on .NET development</a></h1>
<div class="blog-description">Component Owl codes Better ListView control all night so you don&#039;t have to.</div>
<div class="post-878 post type-post status-publish format-standard hentry category-better-listview category-components category-tutorials tag-bars tag-better-listview-2 tag-custom tag-height tag-large tag-larger tag-scroll tag-scrollbar tag-scrollbars tag-size tag-sizes tag-width" id="post-878">
<h2>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>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div class="postinfobar">
<span class="tags">Tags: <a href="../tag/bars/index.html" rel="tag">bars</a>, <a href="../tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="../tag/custom/index.html" rel="tag">custom</a>, <a href="../tag/height/index.html" rel="tag">height</a>, <a href="../tag/large/index.html" rel="tag">large</a>, <a href="../tag/larger/index.html" rel="tag">larger</a>, <a href="../tag/scroll/index.html" rel="tag">scroll</a>, <a href="../tag/scrollbar/index.html" rel="tag">scrollbar</a>, <a href="../tag/scrollbars/index.html" rel="tag">scrollbars</a>, <a href="../tag/size/index.html" rel="tag">size</a>, <a href="../tag/sizes/index.html" rel="tag">sizes</a>, <a href="../tag/width/index.html" rel="tag">width</a> </span>
</div>
</div>
<!-- You can start editing here. -->
<h3 id="comments">4 Responses to &#8220;Custom Scroll Bar Size in Better ListView&#8221;</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&#038;d=retro&#038;r=g' srcset="http://2.gravatar.com/avatar/5e6eab37fb46c48fa1f094fede596413?s=64&#038;d=retro&#038;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='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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&#038;d=retro&#038;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='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&#038;d=retro&#038;r=g' srcset="http://2.gravatar.com/avatar/bdbe177ff1a8d37264d390e1fd79f160?s=64&#038;d=retro&#038;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='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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&#038;d=retro&#038;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='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 to <a href="index.html%3Freplytocom=1344.html#comment-1344">Dan</a></h3>
<div class="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="../index.html%3Fp=878.html#respond">Click here to cancel reply.</a></small>
</div>
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;s&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type='hidden' name='comment_post_ID' value='878' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='1344' />
</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="243"/></p>
</form>
</div>
</div>
<div class="d-sidebar">
<div class="dextronet-feeds">
<ul class="links">
<li><a href="../feed/index.html" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
</ul>
</div>
<form role="search" method="get" id="searchform-sidebar" action="../../blog.html" >
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
<input type="image" id="searchsubmit-sidebar" src="../wp-content/themes/componentowl/images/search.gif" value="Search" />
</div>
</form>
<div id="sidebar" role="complementary">
<ul>
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="../category/announcements/index.html" >Announcements</a> (8)
</li>
<li class="cat-item cat-item-21"><a href="../category/better-listview/index.html" >Better ListView</a> (44)
</li>
<li class="cat-item cat-item-4"><a href="../category/components/index.html" >Components</a> (9)
</li>
<li class="cat-item cat-item-222"><a href="../category/programming/index.html" >Programming</a> (2)
</li>
<li class="cat-item cat-item-13"><a href="../category/tutorials/index.html" >Tutorials</a> (19)
</li>
</ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
<li><a href='../2017/03/index.html'>March 2017</a></li>
<li><a href='../2017/02/index.html'>February 2017</a></li>
<li><a href='../2016/11/index.html'>November 2016</a></li>
<li><a href='../2014/08/index.html'>August 2014</a></li>
<li><a href='../2014/07/index.html'>July 2014</a></li>
<li><a href='../2014/04/index.html'>April 2014</a></li>
<li><a href='../2014/02/index.html'>February 2014</a></li>
<li><a href='../2013/03/index.html'>March 2013</a></li>
<li><a href='../2013/02/index.html'>February 2013</a></li>
<li><a href='../2013/01/index.html'>January 2013</a></li>
<li><a href='../2012/12/index.html'>December 2012</a></li>
<li><a href='../2012/09/index.html'>September 2012</a></li>
<li><a href='../2012/08/index.html'>August 2012</a></li>
<li><a href='../2012/04/index.html'>April 2012</a></li>
<li><a href='../2012/03/index.html'>March 2012</a></li>
<li><a href='../2012/02/index.html'>February 2012</a></li>
<li><a href='../2012/01/index.html'>January 2012</a></li>
<li><a href='../2011/12/index.html'>December 2011</a></li>
<li><a href='../2011/11/index.html'>November 2011</a></li>
<li><a href='../2011/10/index.html'>October 2011</a></li>
<li><a href='../2011/09/index.html'>September 2011</a></li>
<li><a href='../2011/08/index.html'>August 2011</a></li>
<li><a href='../2011/07/index.html'>July 2011</a></li>
<li><a href='../2011/06/index.html'>June 2011</a></li>
<li><a href='../2011/05/index.html'>May 2011</a></li>
<li><a href='../2011/03/index.html'>March 2011</a></li>
<li><a href='../2011/02/index.html'>February 2011</a></li>
<li><a href='../2011/01/index.html'>January 2011</a></li>
</ul>
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="../tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
<a href="../tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
<a href="../tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
<a href="../tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
<a href="../tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
<a href="../tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
<a href="../tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
<a href="../tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
<a href="../tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
<a href="../tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
<a href="../tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
<a href="../tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
<a href="../tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
<a href="../tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
<a href="../tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
<a href="../tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
<a href="../tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
<a href="../tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
<a href="../tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
<a href="../tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
<a href="../tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
<a href="../tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
<a href="../tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
<a href="../tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
<a href="../tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
<a href="../tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
<a href="../tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
<a href="../tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
<a href="../tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
<a href="../tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
<a href="../tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
<a href="../tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
<a href="../tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
<a href="../tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
<a href="../tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
<a href="../tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
<a href="../tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
<a href="../tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
<a href="../tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
<a href="../tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
<a href="../tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
<a href="../tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
<a href="../tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what&#039;s new (2 items)">what&#039;s new</a>
<a href="../tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
<a href="../tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
</li> </ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='../wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
<script type='text/javascript' src='../wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
<script async="async" type='text/javascript' src='../wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
</div>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
Served from: www.componentowl.com @ 2018-09-08 11:38:57 by W3 Total Cache
-->

345
public/blog/custom-scroll-bar-size-in-better-listview/index.html?replytocom=1345.html
View File

@@ -1,345 +0,0 @@
<!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 &laquo; Owl&#039;s Blog on .NET development</title>
<link rel="stylesheet" href="../wp-content/themes/componentowl/style.css" type="text/css" media="screen" />
<link rel="pingback" href="../xmlrpc.php.html" />
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Feed" href="../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Comments Feed" href="../comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Custom Scroll Bar Size in Better ListView Comments Feed" href="feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
<link rel='https://api.w.org/' href='../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" />
<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' />
<meta name='robots' content='noindex,follow' />
<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&amp;format=xml.html" />
<script type="text/javascript" src="../../javascripts/plugins/jquery.validation.js"></script>
<script type="text/javascript" src="../../javascripts/dextronet.js"></script>
<script type="text/javascript" src="../wp-content/themes/componentowl/javascripts/theme.js"></script>
<!--[if IE 6]>
<style type="text/css">
#d-menu .dropdown .outer { background-image: none; }
#d-menu .dropdown .shadowbox { background-image: none; }
</style>
<![endif]-->
</head>
<body class="post-template-default single single-post postid-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&#039;s Blog on .NET development</a></h1>
<div class="blog-description">Component Owl codes Better ListView control all night so you don&#039;t have to.</div>
<div class="post-878 post type-post status-publish format-standard hentry category-better-listview category-components category-tutorials tag-bars tag-better-listview-2 tag-custom tag-height tag-large tag-larger tag-scroll tag-scrollbar tag-scrollbars tag-size tag-sizes tag-width" id="post-878">
<h2>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>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div class="postinfobar">
<span class="tags">Tags: <a href="../tag/bars/index.html" rel="tag">bars</a>, <a href="../tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="../tag/custom/index.html" rel="tag">custom</a>, <a href="../tag/height/index.html" rel="tag">height</a>, <a href="../tag/large/index.html" rel="tag">large</a>, <a href="../tag/larger/index.html" rel="tag">larger</a>, <a href="../tag/scroll/index.html" rel="tag">scroll</a>, <a href="../tag/scrollbar/index.html" rel="tag">scrollbar</a>, <a href="../tag/scrollbars/index.html" rel="tag">scrollbars</a>, <a href="../tag/size/index.html" rel="tag">size</a>, <a href="../tag/sizes/index.html" rel="tag">sizes</a>, <a href="../tag/width/index.html" rel="tag">width</a> </span>
</div>
</div>
<!-- You can start editing here. -->
<h3 id="comments">4 Responses to &#8220;Custom Scroll Bar Size in Better ListView&#8221;</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&#038;d=retro&#038;r=g' srcset="http://2.gravatar.com/avatar/5e6eab37fb46c48fa1f094fede596413?s=64&#038;d=retro&#038;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='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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&#038;d=retro&#038;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='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&#038;d=retro&#038;r=g' srcset="http://2.gravatar.com/avatar/bdbe177ff1a8d37264d390e1fd79f160?s=64&#038;d=retro&#038;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='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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&#038;d=retro&#038;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='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 to <a href="index.html%3Freplytocom=1345.html#comment-1345">Libor Tinka</a></h3>
<div class="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="../index.html%3Fp=878.html#respond">Click here to cancel reply.</a></small>
</div>
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;s&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type='hidden' name='comment_post_ID' value='878' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='1345' />
</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="0"/></p>
</form>
</div>
</div>
<div class="d-sidebar">
<div class="dextronet-feeds">
<ul class="links">
<li><a href="../feed/index.html" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
</ul>
</div>
<form role="search" method="get" id="searchform-sidebar" action="../../blog.html" >
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
<input type="image" id="searchsubmit-sidebar" src="../wp-content/themes/componentowl/images/search.gif" value="Search" />
</div>
</form>
<div id="sidebar" role="complementary">
<ul>
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="../category/announcements/index.html" >Announcements</a> (8)
</li>
<li class="cat-item cat-item-21"><a href="../category/better-listview/index.html" >Better ListView</a> (44)
</li>
<li class="cat-item cat-item-4"><a href="../category/components/index.html" >Components</a> (9)
</li>
<li class="cat-item cat-item-222"><a href="../category/programming/index.html" >Programming</a> (2)
</li>
<li class="cat-item cat-item-13"><a href="../category/tutorials/index.html" >Tutorials</a> (19)
</li>
</ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
<li><a href='../2017/03/index.html'>March 2017</a></li>
<li><a href='../2017/02/index.html'>February 2017</a></li>
<li><a href='../2016/11/index.html'>November 2016</a></li>
<li><a href='../2014/08/index.html'>August 2014</a></li>
<li><a href='../2014/07/index.html'>July 2014</a></li>
<li><a href='../2014/04/index.html'>April 2014</a></li>
<li><a href='../2014/02/index.html'>February 2014</a></li>
<li><a href='../2013/03/index.html'>March 2013</a></li>
<li><a href='../2013/02/index.html'>February 2013</a></li>
<li><a href='../2013/01/index.html'>January 2013</a></li>
<li><a href='../2012/12/index.html'>December 2012</a></li>
<li><a href='../2012/09/index.html'>September 2012</a></li>
<li><a href='../2012/08/index.html'>August 2012</a></li>
<li><a href='../2012/04/index.html'>April 2012</a></li>
<li><a href='../2012/03/index.html'>March 2012</a></li>
<li><a href='../2012/02/index.html'>February 2012</a></li>
<li><a href='../2012/01/index.html'>January 2012</a></li>
<li><a href='../2011/12/index.html'>December 2011</a></li>
<li><a href='../2011/11/index.html'>November 2011</a></li>
<li><a href='../2011/10/index.html'>October 2011</a></li>
<li><a href='../2011/09/index.html'>September 2011</a></li>
<li><a href='../2011/08/index.html'>August 2011</a></li>
<li><a href='../2011/07/index.html'>July 2011</a></li>
<li><a href='../2011/06/index.html'>June 2011</a></li>
<li><a href='../2011/05/index.html'>May 2011</a></li>
<li><a href='../2011/03/index.html'>March 2011</a></li>
<li><a href='../2011/02/index.html'>February 2011</a></li>
<li><a href='../2011/01/index.html'>January 2011</a></li>
</ul>
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="../tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
<a href="../tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
<a href="../tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
<a href="../tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
<a href="../tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
<a href="../tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
<a href="../tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
<a href="../tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
<a href="../tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
<a href="../tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
<a href="../tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
<a href="../tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
<a href="../tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
<a href="../tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
<a href="../tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
<a href="../tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
<a href="../tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
<a href="../tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
<a href="../tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
<a href="../tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
<a href="../tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
<a href="../tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
<a href="../tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
<a href="../tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
<a href="../tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
<a href="../tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
<a href="../tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
<a href="../tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
<a href="../tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
<a href="../tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
<a href="../tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
<a href="../tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
<a href="../tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
<a href="../tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
<a href="../tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
<a href="../tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
<a href="../tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
<a href="../tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
<a href="../tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
<a href="../tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
<a href="../tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
<a href="../tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
<a href="../tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what&#039;s new (2 items)">what&#039;s new</a>
<a href="../tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
<a href="../tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
</li> </ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='../wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
<script type='text/javascript' src='../wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
<script async="async" type='text/javascript' src='../wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
</div>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
Served from: www.componentowl.com @ 2018-09-08 11:38:57 by W3 Total Cache
-->

345
public/blog/custom-scroll-bar-size-in-better-listview/index.html?replytocom=1346.html
View File

@@ -1,345 +0,0 @@
<!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 &laquo; Owl&#039;s Blog on .NET development</title>
<link rel="stylesheet" href="../wp-content/themes/componentowl/style.css" type="text/css" media="screen" />
<link rel="pingback" href="../xmlrpc.php.html" />
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Feed" href="../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Comments Feed" href="../comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Custom Scroll Bar Size in Better ListView Comments Feed" href="feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
<link rel='https://api.w.org/' href='../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" />
<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' />
<meta name='robots' content='noindex,follow' />
<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&amp;format=xml.html" />
<script type="text/javascript" src="../../javascripts/plugins/jquery.validation.js"></script>
<script type="text/javascript" src="../../javascripts/dextronet.js"></script>
<script type="text/javascript" src="../wp-content/themes/componentowl/javascripts/theme.js"></script>
<!--[if IE 6]>
<style type="text/css">
#d-menu .dropdown .outer { background-image: none; }
#d-menu .dropdown .shadowbox { background-image: none; }
</style>
<![endif]-->
</head>
<body class="post-template-default single single-post postid-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&#039;s Blog on .NET development</a></h1>
<div class="blog-description">Component Owl codes Better ListView control all night so you don&#039;t have to.</div>
<div class="post-878 post type-post status-publish format-standard hentry category-better-listview category-components category-tutorials tag-bars tag-better-listview-2 tag-custom tag-height tag-large tag-larger tag-scroll tag-scrollbar tag-scrollbars tag-size tag-sizes tag-width" id="post-878">
<h2>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>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div class="postinfobar">
<span class="tags">Tags: <a href="../tag/bars/index.html" rel="tag">bars</a>, <a href="../tag/better-listview-2/index.html" rel="tag">better listview</a>, <a href="../tag/custom/index.html" rel="tag">custom</a>, <a href="../tag/height/index.html" rel="tag">height</a>, <a href="../tag/large/index.html" rel="tag">large</a>, <a href="../tag/larger/index.html" rel="tag">larger</a>, <a href="../tag/scroll/index.html" rel="tag">scroll</a>, <a href="../tag/scrollbar/index.html" rel="tag">scrollbar</a>, <a href="../tag/scrollbars/index.html" rel="tag">scrollbars</a>, <a href="../tag/size/index.html" rel="tag">size</a>, <a href="../tag/sizes/index.html" rel="tag">sizes</a>, <a href="../tag/width/index.html" rel="tag">width</a> </span>
</div>
</div>
<!-- You can start editing here. -->
<h3 id="comments">4 Responses to &#8220;Custom Scroll Bar Size in Better ListView&#8221;</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&#038;d=retro&#038;r=g' srcset="http://2.gravatar.com/avatar/5e6eab37fb46c48fa1f094fede596413?s=64&#038;d=retro&#038;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='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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&#038;d=retro&#038;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='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&#038;d=retro&#038;r=g' srcset="http://2.gravatar.com/avatar/bdbe177ff1a8d37264d390e1fd79f160?s=64&#038;d=retro&#038;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='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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&#038;d=retro&#038;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='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 to <a href="index.html%3Freplytocom=1346.html#comment-1346">Libor Tinka</a></h3>
<div class="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="../index.html%3Fp=878.html#respond">Click here to cancel reply.</a></small>
</div>
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;s&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type='hidden' name='comment_post_ID' value='878' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='1346' />
</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="121"/></p>
</form>
</div>
</div>
<div class="d-sidebar">
<div class="dextronet-feeds">
<ul class="links">
<li><a href="../feed/index.html" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
</ul>
</div>
<form role="search" method="get" id="searchform-sidebar" action="../../blog.html" >
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
<input type="image" id="searchsubmit-sidebar" src="../wp-content/themes/componentowl/images/search.gif" value="Search" />
</div>
</form>
<div id="sidebar" role="complementary">
<ul>
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="../category/announcements/index.html" >Announcements</a> (8)
</li>
<li class="cat-item cat-item-21"><a href="../category/better-listview/index.html" >Better ListView</a> (44)
</li>
<li class="cat-item cat-item-4"><a href="../category/components/index.html" >Components</a> (9)
</li>
<li class="cat-item cat-item-222"><a href="../category/programming/index.html" >Programming</a> (2)
</li>
<li class="cat-item cat-item-13"><a href="../category/tutorials/index.html" >Tutorials</a> (19)
</li>
</ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
<li><a href='../2017/03/index.html'>March 2017</a></li>
<li><a href='../2017/02/index.html'>February 2017</a></li>
<li><a href='../2016/11/index.html'>November 2016</a></li>
<li><a href='../2014/08/index.html'>August 2014</a></li>
<li><a href='../2014/07/index.html'>July 2014</a></li>
<li><a href='../2014/04/index.html'>April 2014</a></li>
<li><a href='../2014/02/index.html'>February 2014</a></li>
<li><a href='../2013/03/index.html'>March 2013</a></li>
<li><a href='../2013/02/index.html'>February 2013</a></li>
<li><a href='../2013/01/index.html'>January 2013</a></li>
<li><a href='../2012/12/index.html'>December 2012</a></li>
<li><a href='../2012/09/index.html'>September 2012</a></li>
<li><a href='../2012/08/index.html'>August 2012</a></li>
<li><a href='../2012/04/index.html'>April 2012</a></li>
<li><a href='../2012/03/index.html'>March 2012</a></li>
<li><a href='../2012/02/index.html'>February 2012</a></li>
<li><a href='../2012/01/index.html'>January 2012</a></li>
<li><a href='../2011/12/index.html'>December 2011</a></li>
<li><a href='../2011/11/index.html'>November 2011</a></li>
<li><a href='../2011/10/index.html'>October 2011</a></li>
<li><a href='../2011/09/index.html'>September 2011</a></li>
<li><a href='../2011/08/index.html'>August 2011</a></li>
<li><a href='../2011/07/index.html'>July 2011</a></li>
<li><a href='../2011/06/index.html'>June 2011</a></li>
<li><a href='../2011/05/index.html'>May 2011</a></li>
<li><a href='../2011/03/index.html'>March 2011</a></li>
<li><a href='../2011/02/index.html'>February 2011</a></li>
<li><a href='../2011/01/index.html'>January 2011</a></li>
</ul>
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="../tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
<a href="../tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
<a href="../tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
<a href="../tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
<a href="../tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
<a href="../tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
<a href="../tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
<a href="../tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
<a href="../tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
<a href="../tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
<a href="../tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
<a href="../tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
<a href="../tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
<a href="../tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
<a href="../tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
<a href="../tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
<a href="../tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
<a href="../tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
<a href="../tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
<a href="../tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
<a href="../tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
<a href="../tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
<a href="../tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
<a href="../tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
<a href="../tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
<a href="../tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
<a href="../tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
<a href="../tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
<a href="../tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
<a href="../tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
<a href="../tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
<a href="../tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
<a href="../tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
<a href="../tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
<a href="../tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
<a href="../tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
<a href="../tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
<a href="../tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
<a href="../tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
<a href="../tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
<a href="../tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
<a href="../tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
<a href="../tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what&#039;s new (2 items)">what&#039;s new</a>
<a href="../tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
<a href="../tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
</li> </ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='../wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
<script type='text/javascript' src='../wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
<script async="async" type='text/javascript' src='../wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
</div>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
Served from: www.componentowl.com @ 2018-09-08 11:38:57 by W3 Total Cache
-->

364
public/blog/customize-label-editing-embedded-control-for-each-line-in-better-listview/index.html?replytocom=1280.html
View File

@@ -1,364 +0,0 @@
<!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 &laquo; Owl&#039;s Blog on .NET development</title>
<link rel="stylesheet" href="../wp-content/themes/componentowl/style.css" type="text/css" media="screen" />
<link rel="pingback" href="../xmlrpc.php.html" />
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Feed" href="../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Comments Feed" href="../comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Customize Label Editing (Embedded) Control for Each Line in Better ListView Comments Feed" href="feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
<link rel='https://api.w.org/' href='../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" />
<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' />
<meta name='robots' content='noindex,follow' />
<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&amp;format=xml.html" />
<script type="text/javascript" src="../../javascripts/plugins/jquery.validation.js"></script>
<script type="text/javascript" src="../../javascripts/dextronet.js"></script>
<script type="text/javascript" src="../wp-content/themes/componentowl/javascripts/theme.js"></script>
<!--[if IE 6]>
<style type="text/css">
#d-menu .dropdown .outer { background-image: none; }
#d-menu .dropdown .shadowbox { background-image: none; }
</style>
<![endif]-->
</head>
<body class="post-template-default single single-post postid-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&#039;s Blog on .NET development</a></h1>
<div class="blog-description">Component Owl codes Better ListView control all night so you don&#039;t have to.</div>
<div class="post-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&#8230;</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private IBetterListViewEmbeddedControl ListViewRequestEmbeddedControl(object sender, BetterListViewRequestEmbeddedControlEventArgs eventArgs)<br />
{<br />
// show editing controls in the second column<br />
if (eventArgs.SubItem.Index == 1)<br />
{<br />
// show my custom control on the first row<br />
if (eventArgs.SubItem.Item.Index == 0)<br />
{<br />
return (new DocumentAccessConrol());<br />
}</p>
<p> // show my custom control on the second row<br />
if (eventArgs.SubItem.Item.Index == 1)<br />
{<br />
return (new BetterListViewComboBoxEmbeddedControl());<br />
}</p>
<p> // show my custom control on the third row<br />
if (eventArgs.SubItem.Item.Index == 2)<br />
{<br />
return (new BetterListViewTextBoxEmbeddedControl());<br />
}<br />
}</p>
<p> return null;<br />
}<br />
[/csharp]</p>
<p>&nbsp;</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Private Function ListViewRequestEmbeddedControl(ByVal sender As Object, ByVal eventArgs As BetterListViewRequestEmbeddedControlEventArgs) _<br />
As IBetterListViewEmbeddedControl</p>
<p> &#8216; show editing controls in the second column<br />
If eventArgs.SubItem.Index = 1 Then</p>
<p> &#8216; show my custom control on the first row<br />
If eventArgs.SubItem.Item.Index = 0 Then<br />
Return (New DocumentAccessConrol())<br />
End If</p>
<p> &#8216; show my custom control on the second row<br />
If eventArgs.SubItem.Item.Index = 1 Then<br />
Return (New BetterListViewComboBoxEmbeddedControl())<br />
End If</p>
<p> &#8216; show my custom control on the third row<br />
If eventArgs.SubItem.Item.Index = 2 Then<br />
Return (New BetterListViewTextBoxEmbeddedControl())<br />
End If</p>
<p> End If</p>
<p> Return Nothing</p>
<p>End Function<br />
[/vb]</p>
<p>&nbsp;</p>
<p>And there is the result:</p>
<div id="attachment_772" style="width: 315px" class="wp-caption aligncenter"><a href="../wp-content/uploads/2012/04/blv-embedded-1.png"><img class="size-full wp-image-772" title="Custom Embedded Control on the First Line" src="../wp-content/uploads/2012/04/blv-embedded-1.png" alt="Custom Embedded Control on the First Line" width="305" height="139" srcset="../wp-content/uploads/2012/04/blv-embedded-1.png 305w, ../wp-content/uploads/2012/04/blv-embedded-1-300x136.png 300w" sizes="(max-width: 305px) 100vw, 305px" /></a><p class="wp-caption-text">Custom Embedded Control on the First Line</p></div>
<p>&nbsp;</p>
<div id="attachment_773" style="width: 301px" class="wp-caption aligncenter"><a href="../wp-content/uploads/2012/04/blv-embedded-2.png"><img class="size-full wp-image-773" title="TextBox Control on the Third Line" src="../wp-content/uploads/2012/04/blv-embedded-2.png" alt="TextBox Control on the Third Line" width="291" height="94" /></a><p class="wp-caption-text">TextBox Control on the Third Line</p></div>
</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 &#8220;Customize Label Editing (Embedded) Control for Each Line in Better ListView&#8221;</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&#038;d=retro&#038;r=g' srcset="http://1.gravatar.com/avatar/42fa0e4962e6bfc7cfa0302c3976af6c?s=64&#038;d=retro&#038;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 &#8220;&#8216; show my custom control on the third row&#8221;.<br />
The index should be &#8220;2&#8221;, not &#8220;0&#8221;.</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='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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&#038;d=retro&#038;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&#8230; I have corrected it.</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='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 to <a href="index.html%3Freplytocom=1280.html#comment-1280">Göran</a></h3>
<div class="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="../index.html%3Fp=771.html#respond">Click here to cancel reply.</a></small>
</div>
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;s&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type='hidden' name='comment_post_ID' value='771' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='1280' />
</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="125"/></p>
</form>
</div>
</div>
<div class="d-sidebar">
<div class="dextronet-feeds">
<ul class="links">
<li><a href="../feed/index.html" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
</ul>
</div>
<form role="search" method="get" id="searchform-sidebar" action="../../blog.html" >
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
<input type="image" id="searchsubmit-sidebar" src="../wp-content/themes/componentowl/images/search.gif" value="Search" />
</div>
</form>
<div id="sidebar" role="complementary">
<ul>
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="../category/announcements/index.html" >Announcements</a> (8)
</li>
<li class="cat-item cat-item-21"><a href="../category/better-listview/index.html" >Better ListView</a> (44)
</li>
<li class="cat-item cat-item-4"><a href="../category/components/index.html" >Components</a> (9)
</li>
<li class="cat-item cat-item-222"><a href="../category/programming/index.html" >Programming</a> (2)
</li>
<li class="cat-item cat-item-13"><a href="../category/tutorials/index.html" >Tutorials</a> (19)
</li>
</ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
<li><a href='../2017/03/index.html'>March 2017</a></li>
<li><a href='../2017/02/index.html'>February 2017</a></li>
<li><a href='../2016/11/index.html'>November 2016</a></li>
<li><a href='../2014/08/index.html'>August 2014</a></li>
<li><a href='../2014/07/index.html'>July 2014</a></li>
<li><a href='../2014/04/index.html'>April 2014</a></li>
<li><a href='../2014/02/index.html'>February 2014</a></li>
<li><a href='../2013/03/index.html'>March 2013</a></li>
<li><a href='../2013/02/index.html'>February 2013</a></li>
<li><a href='../2013/01/index.html'>January 2013</a></li>
<li><a href='../2012/12/index.html'>December 2012</a></li>
<li><a href='../2012/09/index.html'>September 2012</a></li>
<li><a href='../2012/08/index.html'>August 2012</a></li>
<li><a href='../2012/04/index.html'>April 2012</a></li>
<li><a href='../2012/03/index.html'>March 2012</a></li>
<li><a href='../2012/02/index.html'>February 2012</a></li>
<li><a href='../2012/01/index.html'>January 2012</a></li>
<li><a href='../2011/12/index.html'>December 2011</a></li>
<li><a href='../2011/11/index.html'>November 2011</a></li>
<li><a href='../2011/10/index.html'>October 2011</a></li>
<li><a href='../2011/09/index.html'>September 2011</a></li>
<li><a href='../2011/08/index.html'>August 2011</a></li>
<li><a href='../2011/07/index.html'>July 2011</a></li>
<li><a href='../2011/06/index.html'>June 2011</a></li>
<li><a href='../2011/05/index.html'>May 2011</a></li>
<li><a href='../2011/03/index.html'>March 2011</a></li>
<li><a href='../2011/02/index.html'>February 2011</a></li>
<li><a href='../2011/01/index.html'>January 2011</a></li>
</ul>
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="../tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
<a href="../tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
<a href="../tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
<a href="../tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
<a href="../tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
<a href="../tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
<a href="../tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
<a href="../tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
<a href="../tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
<a href="../tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
<a href="../tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
<a href="../tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
<a href="../tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
<a href="../tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
<a href="../tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
<a href="../tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
<a href="../tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
<a href="../tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
<a href="../tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
<a href="../tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
<a href="../tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
<a href="../tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
<a href="../tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
<a href="../tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
<a href="../tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
<a href="../tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
<a href="../tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
<a href="../tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
<a href="../tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
<a href="../tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
<a href="../tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
<a href="../tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
<a href="../tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
<a href="../tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
<a href="../tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
<a href="../tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
<a href="../tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
<a href="../tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
<a href="../tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
<a href="../tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
<a href="../tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
<a href="../tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
<a href="../tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what&#039;s new (2 items)">what&#039;s new</a>
<a href="../tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
<a href="../tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
</li> </ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='../wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
<script type='text/javascript' src='../wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
<script async="async" type='text/javascript' src='../wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
</div>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
Served from: www.componentowl.com @ 2018-09-08 11:39:30 by W3 Total Cache
-->

364
public/blog/customize-label-editing-embedded-control-for-each-line-in-better-listview/index.html?replytocom=1281.html
View File

@@ -1,364 +0,0 @@
<!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 &laquo; Owl&#039;s Blog on .NET development</title>
<link rel="stylesheet" href="../wp-content/themes/componentowl/style.css" type="text/css" media="screen" />
<link rel="pingback" href="../xmlrpc.php.html" />
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Feed" href="../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Comments Feed" href="../comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Customize Label Editing (Embedded) Control for Each Line in Better ListView Comments Feed" href="feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
<link rel='https://api.w.org/' href='../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" />
<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' />
<meta name='robots' content='noindex,follow' />
<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&amp;format=xml.html" />
<script type="text/javascript" src="../../javascripts/plugins/jquery.validation.js"></script>
<script type="text/javascript" src="../../javascripts/dextronet.js"></script>
<script type="text/javascript" src="../wp-content/themes/componentowl/javascripts/theme.js"></script>
<!--[if IE 6]>
<style type="text/css">
#d-menu .dropdown .outer { background-image: none; }
#d-menu .dropdown .shadowbox { background-image: none; }
</style>
<![endif]-->
</head>
<body class="post-template-default single single-post postid-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&#039;s Blog on .NET development</a></h1>
<div class="blog-description">Component Owl codes Better ListView control all night so you don&#039;t have to.</div>
<div class="post-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&#8230;</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
private IBetterListViewEmbeddedControl ListViewRequestEmbeddedControl(object sender, BetterListViewRequestEmbeddedControlEventArgs eventArgs)<br />
{<br />
// show editing controls in the second column<br />
if (eventArgs.SubItem.Index == 1)<br />
{<br />
// show my custom control on the first row<br />
if (eventArgs.SubItem.Item.Index == 0)<br />
{<br />
return (new DocumentAccessConrol());<br />
}</p>
<p> // show my custom control on the second row<br />
if (eventArgs.SubItem.Item.Index == 1)<br />
{<br />
return (new BetterListViewComboBoxEmbeddedControl());<br />
}</p>
<p> // show my custom control on the third row<br />
if (eventArgs.SubItem.Item.Index == 2)<br />
{<br />
return (new BetterListViewTextBoxEmbeddedControl());<br />
}<br />
}</p>
<p> return null;<br />
}<br />
[/csharp]</p>
<p>&nbsp;</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Private Function ListViewRequestEmbeddedControl(ByVal sender As Object, ByVal eventArgs As BetterListViewRequestEmbeddedControlEventArgs) _<br />
As IBetterListViewEmbeddedControl</p>
<p> &#8216; show editing controls in the second column<br />
If eventArgs.SubItem.Index = 1 Then</p>
<p> &#8216; show my custom control on the first row<br />
If eventArgs.SubItem.Item.Index = 0 Then<br />
Return (New DocumentAccessConrol())<br />
End If</p>
<p> &#8216; show my custom control on the second row<br />
If eventArgs.SubItem.Item.Index = 1 Then<br />
Return (New BetterListViewComboBoxEmbeddedControl())<br />
End If</p>
<p> &#8216; show my custom control on the third row<br />
If eventArgs.SubItem.Item.Index = 2 Then<br />
Return (New BetterListViewTextBoxEmbeddedControl())<br />
End If</p>
<p> End If</p>
<p> Return Nothing</p>
<p>End Function<br />
[/vb]</p>
<p>&nbsp;</p>
<p>And there is the result:</p>
<div id="attachment_772" style="width: 315px" class="wp-caption aligncenter"><a href="../wp-content/uploads/2012/04/blv-embedded-1.png"><img class="size-full wp-image-772" title="Custom Embedded Control on the First Line" src="../wp-content/uploads/2012/04/blv-embedded-1.png" alt="Custom Embedded Control on the First Line" width="305" height="139" srcset="../wp-content/uploads/2012/04/blv-embedded-1.png 305w, ../wp-content/uploads/2012/04/blv-embedded-1-300x136.png 300w" sizes="(max-width: 305px) 100vw, 305px" /></a><p class="wp-caption-text">Custom Embedded Control on the First Line</p></div>
<p>&nbsp;</p>
<div id="attachment_773" style="width: 301px" class="wp-caption aligncenter"><a href="../wp-content/uploads/2012/04/blv-embedded-2.png"><img class="size-full wp-image-773" title="TextBox Control on the Third Line" src="../wp-content/uploads/2012/04/blv-embedded-2.png" alt="TextBox Control on the Third Line" width="291" height="94" /></a><p class="wp-caption-text">TextBox Control on the Third Line</p></div>
</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 &#8220;Customize Label Editing (Embedded) Control for Each Line in Better ListView&#8221;</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&#038;d=retro&#038;r=g' srcset="http://1.gravatar.com/avatar/42fa0e4962e6bfc7cfa0302c3976af6c?s=64&#038;d=retro&#038;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 &#8220;&#8216; show my custom control on the third row&#8221;.<br />
The index should be &#8220;2&#8221;, not &#8220;0&#8221;.</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='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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&#038;d=retro&#038;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&#8230; I have corrected it.</p>
<div class="reply"><a rel='nofollow' class='comment-reply-link' href='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 to <a href="index.html%3Freplytocom=1281.html#comment-1281">Libor Tinka</a></h3>
<div class="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="../index.html%3Fp=771.html#respond">Click here to cancel reply.</a></small>
</div>
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;s&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type='hidden' name='comment_post_ID' value='771' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='1281' />
</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="147"/></p>
</form>
</div>
</div>
<div class="d-sidebar">
<div class="dextronet-feeds">
<ul class="links">
<li><a href="../feed/index.html" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
</ul>
</div>
<form role="search" method="get" id="searchform-sidebar" action="../../blog.html" >
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
<input type="image" id="searchsubmit-sidebar" src="../wp-content/themes/componentowl/images/search.gif" value="Search" />
</div>
</form>
<div id="sidebar" role="complementary">
<ul>
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="../category/announcements/index.html" >Announcements</a> (8)
</li>
<li class="cat-item cat-item-21"><a href="../category/better-listview/index.html" >Better ListView</a> (44)
</li>
<li class="cat-item cat-item-4"><a href="../category/components/index.html" >Components</a> (9)
</li>
<li class="cat-item cat-item-222"><a href="../category/programming/index.html" >Programming</a> (2)
</li>
<li class="cat-item cat-item-13"><a href="../category/tutorials/index.html" >Tutorials</a> (19)
</li>
</ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
<li><a href='../2017/03/index.html'>March 2017</a></li>
<li><a href='../2017/02/index.html'>February 2017</a></li>
<li><a href='../2016/11/index.html'>November 2016</a></li>
<li><a href='../2014/08/index.html'>August 2014</a></li>
<li><a href='../2014/07/index.html'>July 2014</a></li>
<li><a href='../2014/04/index.html'>April 2014</a></li>
<li><a href='../2014/02/index.html'>February 2014</a></li>
<li><a href='../2013/03/index.html'>March 2013</a></li>
<li><a href='../2013/02/index.html'>February 2013</a></li>
<li><a href='../2013/01/index.html'>January 2013</a></li>
<li><a href='../2012/12/index.html'>December 2012</a></li>
<li><a href='../2012/09/index.html'>September 2012</a></li>
<li><a href='../2012/08/index.html'>August 2012</a></li>
<li><a href='../2012/04/index.html'>April 2012</a></li>
<li><a href='../2012/03/index.html'>March 2012</a></li>
<li><a href='../2012/02/index.html'>February 2012</a></li>
<li><a href='../2012/01/index.html'>January 2012</a></li>
<li><a href='../2011/12/index.html'>December 2011</a></li>
<li><a href='../2011/11/index.html'>November 2011</a></li>
<li><a href='../2011/10/index.html'>October 2011</a></li>
<li><a href='../2011/09/index.html'>September 2011</a></li>
<li><a href='../2011/08/index.html'>August 2011</a></li>
<li><a href='../2011/07/index.html'>July 2011</a></li>
<li><a href='../2011/06/index.html'>June 2011</a></li>
<li><a href='../2011/05/index.html'>May 2011</a></li>
<li><a href='../2011/03/index.html'>March 2011</a></li>
<li><a href='../2011/02/index.html'>February 2011</a></li>
<li><a href='../2011/01/index.html'>January 2011</a></li>
</ul>
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="../tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
<a href="../tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
<a href="../tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
<a href="../tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
<a href="../tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
<a href="../tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
<a href="../tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
<a href="../tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
<a href="../tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
<a href="../tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
<a href="../tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
<a href="../tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
<a href="../tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
<a href="../tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
<a href="../tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
<a href="../tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
<a href="../tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
<a href="../tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
<a href="../tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
<a href="../tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
<a href="../tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
<a href="../tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
<a href="../tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
<a href="../tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
<a href="../tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
<a href="../tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
<a href="../tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
<a href="../tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
<a href="../tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
<a href="../tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
<a href="../tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
<a href="../tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
<a href="../tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
<a href="../tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
<a href="../tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
<a href="../tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
<a href="../tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
<a href="../tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
<a href="../tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
<a href="../tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
<a href="../tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
<a href="../tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
<a href="../tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what&#039;s new (2 items)">what&#039;s new</a>
<a href="../tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
<a href="../tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
</li> </ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='../wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
<script type='text/javascript' src='../wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
<script async="async" type='text/javascript' src='../wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
</div>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
Served from: www.componentowl.com @ 2018-09-08 11:39:30 by W3 Total Cache
-->

374
public/blog/enabling-search-highlight-in-better-listview/index.html?replytocom=1290.html
View File

@@ -1,374 +0,0 @@
<!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 &laquo; Owl&#039;s Blog on .NET development</title>
<link rel="stylesheet" href="../wp-content/themes/componentowl/style.css" type="text/css" media="screen" />
<link rel="pingback" href="../xmlrpc.php.html" />
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Feed" href="../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Comments Feed" href="../comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Enabling Search Highlight in Better ListView Comments Feed" href="feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
<link rel='https://api.w.org/' href='../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" />
<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' />
<meta name='robots' content='noindex,follow' />
<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&amp;format=xml.html" />
<script type="text/javascript" src="../../javascripts/plugins/jquery.validation.js"></script>
<script type="text/javascript" src="../../javascripts/dextronet.js"></script>
<script type="text/javascript" src="../wp-content/themes/componentowl/javascripts/theme.js"></script>
<!--[if IE 6]>
<style type="text/css">
#d-menu .dropdown .outer { background-image: none; }
#d-menu .dropdown .shadowbox { background-image: none; }
</style>
<![endif]-->
</head>
<body class="post-template-default single single-post postid-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&#039;s Blog on .NET development</a></h1>
<div class="blog-description">Component Owl codes Better ListView control all night so you don&#039;t have to.</div>
<div class="post-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>&nbsp;</p>
<p>To enable the highlight, simply add <strong>UpdateSearchHighlight</strong> option in the search settings:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
listView.SearchSettings = new BetterListViewSearchSettings(<br />
listView.SearchSettings.Mode,<br />
listView.SearchSettings.Options | BetterListViewSearchOptions.UpdateSearchHighlight,<br />
listView.SearchSettings.SubItemIndices);<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
ListView.SearchSettings = New BetterListViewSearchSettings(<br />
listView.SearchSettings.Mode,<br />
listView.SearchSettings.Options Or BetterListViewSearchOptions.UpdateSearchHighlight,<br />
listView.SearchSettings.SubItemIndices)<br />
[/vb]</p>
<p>Every item contains information about the match in the <strong>BetterListViewItem.SearchHighlight</strong> property. When <strong>BetterListViewItem.SearchHighlight.IsEmpty</strong> is <strong>true</strong>, the item was not matched by the search. Otherwise it contains information about the matched substring: its index and number of characters.</p>
<p>Highlight colors can be adjusted by three properties: <strong>ColorSearchHighlight</strong>, <strong>ColorSearchHighlightBorder</strong> and <strong>ColorSearchHighlightText</strong>:</p>
<div id="attachment_846" style="width: 337px" class="wp-caption aligncenter"><a href="../wp-content/uploads/2013/01/properties.png"><img class="size-full wp-image-846" title="Search Highlight Properties" src="../wp-content/uploads/2013/01/properties.png" alt="Search Highlight Properties" width="327" height="352" /></a><p class="wp-caption-text">Search Highlight Properties</p></div>
<p>The display can be adjusted even further with owner drawing:</p>
<div id="attachment_845" style="width: 358px" class="wp-caption aligncenter"><a href="../wp-content/uploads/2013/01/search-highlight-2.gif"><img class="size-full wp-image-845" title="Customized Search Highlight Feature" src="../wp-content/uploads/2013/01/search-highlight-2.gif" alt="Customized Search Highlight Feature" width="348" height="193" /></a><p class="wp-caption-text">Customized Search Highlight Feature</p></div>
<p>Here we have used ellipses drawn on item background by modifying <strong>OnDrawItem</strong> and <strong>OnDrawItemBackground</strong> methods of <strong>BetterListView</strong>:</p>
<p><strong>C#</strong></p>
<p>[csharp gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
using System.Drawing;<br />
using System.Drawing.Drawing2D;</p>
<p>using BetterListView;</p>
<p>internal sealed class CustomListView : BetterListView<br />
{<br />
protected override void OnDrawItem(BetterListViewDrawItemEventArgs eventArgs)<br />
{<br />
// do not draw search highlight because we will draw our own<br />
eventArgs.DrawSearchHighlight = false;</p>
<p> base.OnDrawItem(eventArgs);<br />
}</p>
<p> protected override void OnDrawItemBackground(BetterListViewDrawItemBackgroundEventArgs eventArgs)<br />
{<br />
base.OnDrawItemBackground(eventArgs);</p>
<p> // draw custom search highlight on item background<br />
BetterListViewSearchHighlight searchHighlight = eventArgs.Item.SearchHighlight;</p>
<p> if (searchHighlight.IsEmpty == false)<br />
{<br />
eventArgs.Graphics.SmoothingMode = SmoothingMode.HighQuality;</p>
<p> Rectangle rectHighlight = eventArgs.ItemBounds.SubItemBounds[searchHighlight.ColumnIndex].BoundsSearchHighlight;</p>
<p> Brush brushHighlight = new SolidBrush(Color.FromArgb(128, Color.MediumPurple));<br />
Pen penHighlight = new Pen(Color.Purple, 1.0f);</p>
<p> eventArgs.Graphics.FillEllipse(brushHighlight, rectHighlight);<br />
eventArgs.Graphics.DrawEllipse(penHighlight, rectHighlight);</p>
<p> brushHighlight.Dispose();<br />
penHighlight.Dispose();<br />
}<br />
}<br />
}<br />
[/csharp]</p>
<p><strong>Visual Basic</strong></p>
<p>[vb gutter=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
Imports System.Drawing<br />
Imports System.Drawing.Drawing2D</p>
<p>Imports BetterListView</p>
<p>Friend NotInheritable Class CustomListView<br />
Inherits BetterListView<br />
Protected Overrides Sub OnDrawItem(eventArgs As BetterListViewDrawItemEventArgs)<br />
&#8216; do not draw search highlight because we will draw our own<br />
eventArgs.DrawSearchHighlight = False</p>
<p> MyBase.OnDrawItem(eventArgs)<br />
End Sub</p>
<p> Protected Overrides Sub OnDrawItemBackground(eventArgs As BetterListViewDrawItemBackgroundEventArgs)<br />
MyBase.OnDrawItemBackground(eventArgs)</p>
<p> &#8216; draw custom search highlight on item background<br />
Dim searchHighlight As BetterListViewSearchHighlight = eventArgs.Item.SearchHighlight</p>
<p> If searchHighlight.IsEmpty = False Then<br />
eventArgs.Graphics.SmoothingMode = SmoothingMode.HighQuality</p>
<p> Dim rectHighlight As Rectangle = eventArgs.ItemBounds.SubItemBounds(searchHighlight.ColumnIndex).BoundsSearchHighlight</p>
<p> Dim brushHighlight As Brush = New SolidBrush(Color.FromArgb(128, Color.MediumPurple))<br />
Dim penHighlight As New Pen(Color.Purple, 1F)</p>
<p> eventArgs.Graphics.FillEllipse(brushHighlight, rectHighlight)<br />
eventArgs.Graphics.DrawEllipse(penHighlight, rectHighlight)</p>
<p> brushHighlight.Dispose()<br />
penHighlight.Dispose()<br />
End If<br />
End Sub<br />
End Class<br />
[/vb]</p>
</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 &#8220;Enabling Search Highlight in Better ListView&#8221;</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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/364470c76d091f4974fe28b31aef6456?s=64&#038;d=retro&#038;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='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 to <a href="index.html%3Freplytocom=1290.html#comment-1290">Camiel Hessels</a></h3>
<div class="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="../index.html%3Fp=843.html#respond">Click here to cancel reply.</a></small>
</div>
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;s&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type='hidden' name='comment_post_ID' value='843' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='1290' />
</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="237"/></p>
</form>
</div>
</div>
<div class="d-sidebar">
<div class="dextronet-feeds">
<ul class="links">
<li><a href="../feed/index.html" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
</ul>
</div>
<form role="search" method="get" id="searchform-sidebar" action="../../blog.html" >
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
<input type="image" id="searchsubmit-sidebar" src="../wp-content/themes/componentowl/images/search.gif" value="Search" />
</div>
</form>
<div id="sidebar" role="complementary">
<ul>
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="../category/announcements/index.html" >Announcements</a> (8)
</li>
<li class="cat-item cat-item-21"><a href="../category/better-listview/index.html" >Better ListView</a> (44)
</li>
<li class="cat-item cat-item-4"><a href="../category/components/index.html" >Components</a> (9)
</li>
<li class="cat-item cat-item-222"><a href="../category/programming/index.html" >Programming</a> (2)
</li>
<li class="cat-item cat-item-13"><a href="../category/tutorials/index.html" >Tutorials</a> (19)
</li>
</ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
<li><a href='../2017/03/index.html'>March 2017</a></li>
<li><a href='../2017/02/index.html'>February 2017</a></li>
<li><a href='../2016/11/index.html'>November 2016</a></li>
<li><a href='../2014/08/index.html'>August 2014</a></li>
<li><a href='../2014/07/index.html'>July 2014</a></li>
<li><a href='../2014/04/index.html'>April 2014</a></li>
<li><a href='../2014/02/index.html'>February 2014</a></li>
<li><a href='../2013/03/index.html'>March 2013</a></li>
<li><a href='../2013/02/index.html'>February 2013</a></li>
<li><a href='../2013/01/index.html'>January 2013</a></li>
<li><a href='../2012/12/index.html'>December 2012</a></li>
<li><a href='../2012/09/index.html'>September 2012</a></li>
<li><a href='../2012/08/index.html'>August 2012</a></li>
<li><a href='../2012/04/index.html'>April 2012</a></li>
<li><a href='../2012/03/index.html'>March 2012</a></li>
<li><a href='../2012/02/index.html'>February 2012</a></li>
<li><a href='../2012/01/index.html'>January 2012</a></li>
<li><a href='../2011/12/index.html'>December 2011</a></li>
<li><a href='../2011/11/index.html'>November 2011</a></li>
<li><a href='../2011/10/index.html'>October 2011</a></li>
<li><a href='../2011/09/index.html'>September 2011</a></li>
<li><a href='../2011/08/index.html'>August 2011</a></li>
<li><a href='../2011/07/index.html'>July 2011</a></li>
<li><a href='../2011/06/index.html'>June 2011</a></li>
<li><a href='../2011/05/index.html'>May 2011</a></li>
<li><a href='../2011/03/index.html'>March 2011</a></li>
<li><a href='../2011/02/index.html'>February 2011</a></li>
<li><a href='../2011/01/index.html'>January 2011</a></li>
</ul>
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="../tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
<a href="../tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
<a href="../tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
<a href="../tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
<a href="../tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
<a href="../tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
<a href="../tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
<a href="../tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
<a href="../tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
<a href="../tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
<a href="../tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
<a href="../tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
<a href="../tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
<a href="../tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
<a href="../tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
<a href="../tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
<a href="../tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
<a href="../tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
<a href="../tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
<a href="../tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
<a href="../tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
<a href="../tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
<a href="../tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
<a href="../tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
<a href="../tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
<a href="../tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
<a href="../tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
<a href="../tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
<a href="../tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
<a href="../tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
<a href="../tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
<a href="../tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
<a href="../tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
<a href="../tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
<a href="../tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
<a href="../tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
<a href="../tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
<a href="../tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
<a href="../tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
<a href="../tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
<a href="../tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
<a href="../tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
<a href="../tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what&#039;s new (2 items)">what&#039;s new</a>
<a href="../tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
<a href="../tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
</li> </ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='../wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
<script type='text/javascript' src='../wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
<script async="async" type='text/javascript' src='../wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
</div>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
Served from: www.componentowl.com @ 2018-09-08 11:39:14 by W3 Total Cache
-->

0
public/blog/index.html?p=103.html → public/blog/index.html%3Fp=103.html
View File

0
public/blog/index.html?p=119.html → public/blog/index.html%3Fp=119.html
View File

0
public/blog/index.html?p=129.html → public/blog/index.html%3Fp=129.html
View File

0
public/blog/index.html?p=189.html → public/blog/index.html%3Fp=189.html
View File

0
public/blog/index.html?p=204.html → public/blog/index.html%3Fp=204.html
View File

0
public/blog/index.html?p=213.html → public/blog/index.html%3Fp=213.html
View File

0
public/blog/index.html?p=232.html → public/blog/index.html%3Fp=232.html
View File

0
public/blog/index.html?p=260.html → public/blog/index.html%3Fp=260.html
View File

0
public/blog/index.html?p=278.html → public/blog/index.html%3Fp=278.html
View File

0
public/blog/index.html?p=287.html → public/blog/index.html%3Fp=287.html
View File

0
public/blog/index.html?p=304.html → public/blog/index.html%3Fp=304.html
View File

0
public/blog/index.html?p=330.html → public/blog/index.html%3Fp=330.html
View File

0
public/blog/index.html?p=34.html → public/blog/index.html%3Fp=34.html
View File

0
public/blog/index.html?p=340.html → public/blog/index.html%3Fp=340.html
View File

0
public/blog/index.html?p=348.html → public/blog/index.html%3Fp=348.html
View File

0
public/blog/index.html?p=359.html → public/blog/index.html%3Fp=359.html
View File

0
public/blog/index.html?p=373.html → public/blog/index.html%3Fp=373.html
View File

0
public/blog/index.html?p=398.html → public/blog/index.html%3Fp=398.html
View File

0
public/blog/index.html?p=40.html → public/blog/index.html%3Fp=40.html
View File

0
public/blog/index.html?p=437.html → public/blog/index.html%3Fp=437.html
View File

0
public/blog/index.html?p=450.html → public/blog/index.html%3Fp=450.html
View File

0
public/blog/index.html?p=468.html → public/blog/index.html%3Fp=468.html
View File

0
public/blog/index.html?p=476.html → public/blog/index.html%3Fp=476.html
View File

0
public/blog/index.html?p=478.html → public/blog/index.html%3Fp=478.html
View File

0
public/blog/index.html?p=480.html → public/blog/index.html%3Fp=480.html
View File

0
public/blog/index.html?p=482.html → public/blog/index.html%3Fp=482.html
View File

0
public/blog/index.html?p=546.html → public/blog/index.html%3Fp=546.html
View File

0
public/blog/index.html?p=664.html → public/blog/index.html%3Fp=664.html
View File

0
public/blog/index.html?p=753.html → public/blog/index.html%3Fp=753.html
View File

0
public/blog/index.html?p=760.html → public/blog/index.html%3Fp=760.html
View File

0
public/blog/index.html?p=771.html → public/blog/index.html%3Fp=771.html
View File

0
public/blog/index.html?p=780.html → public/blog/index.html%3Fp=780.html
View File

0
public/blog/index.html?p=796.html → public/blog/index.html%3Fp=796.html
View File

0
public/blog/index.html?p=803.html → public/blog/index.html%3Fp=803.html
View File

0
public/blog/index.html?p=808.html → public/blog/index.html%3Fp=808.html
View File

0
public/blog/index.html?p=823.html → public/blog/index.html%3Fp=823.html
View File

0
public/blog/index.html?p=831.html → public/blog/index.html%3Fp=831.html
View File

0
public/blog/index.html?p=843.html → public/blog/index.html%3Fp=843.html
View File

0
public/blog/index.html?p=850.html → public/blog/index.html%3Fp=850.html
View File

0
public/blog/index.html?p=861.html → public/blog/index.html%3Fp=861.html
View File

0
public/blog/index.html?p=868.html → public/blog/index.html%3Fp=868.html
View File

0
public/blog/index.html?p=878.html → public/blog/index.html%3Fp=878.html
View File

0
public/blog/index.html?p=882.html → public/blog/index.html%3Fp=882.html
View File

0
public/blog/index.html?p=888.html → public/blog/index.html%3Fp=888.html
View File

0
public/blog/index.html?p=894.html → public/blog/index.html%3Fp=894.html
View File

0
public/blog/index.html?p=901.html → public/blog/index.html%3Fp=901.html
View File

0
public/blog/index.html?p=906.html → public/blog/index.html%3Fp=906.html
View File

0
public/blog/index.html?p=914.html → public/blog/index.html%3Fp=914.html
View File

0
public/blog/index.html?p=921.html → public/blog/index.html%3Fp=921.html
View File

0
public/blog/index.html?p=927.html → public/blog/index.html%3Fp=927.html
View File

0
public/blog/index.html?p=93.html → public/blog/index.html%3Fp=93.html
View File

367
public/blog/search-filtering-in-better-listview/index.html?replytocom=1353.html
View File

@@ -1,367 +0,0 @@
<!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 &laquo; Owl&#039;s Blog on .NET development</title>
<link rel="stylesheet" href="../wp-content/themes/componentowl/style.css" type="text/css" media="screen" />
<link rel="pingback" href="../xmlrpc.php.html" />
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Feed" href="../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Comments Feed" href="../comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Search Filtering in Better ListView Comments Feed" href="feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
<link rel='https://api.w.org/' href='../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" />
<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' />
<meta name='robots' content='noindex,follow' />
<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&amp;format=xml.html" />
<script type="text/javascript" src="../../javascripts/plugins/jquery.validation.js"></script>
<script type="text/javascript" src="../../javascripts/dextronet.js"></script>
<script type="text/javascript" src="../wp-content/themes/componentowl/javascripts/theme.js"></script>
<!--[if IE 6]>
<style type="text/css">
#d-menu .dropdown .outer { background-image: none; }
#d-menu .dropdown .shadowbox { background-image: none; }
</style>
<![endif]-->
</head>
<body class="post-template-default single single-post postid-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&#039;s Blog on .NET development</a></h1>
<div class="blog-description">Component Owl codes Better ListView control all night so you don&#039;t have to.</div>
<div class="post-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 &#8220;pear&#8221; 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=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
var listView = new BetterListView();</p>
<p>listView.Items.AddRange(new[] { &#8220;apple&#8221;, &#8220;pear&#8221;, &#8220;pineapple&#8221;, &#8220;orange&#8221;, &#8220;grapefruit&#8221;, &#8220;cherry&#8221;, &#8220;avocado&#8221; });</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=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<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=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<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&#8217;s it!</p>
</div>
<div class="postinfobar">
<span class="tags"> </span>
</div>
</div>
<!-- You can start editing here. -->
<h3 id="comments">2 Responses to &#8220;Search Filtering in Better ListView&#8221;</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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/f3352122d4da0c19da0551ec570bcfea?s=64&#038;d=retro&#038;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='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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&#038;d=retro&#038;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='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 to <a href="index.html%3Freplytocom=1353.html#comment-1353">mustafa salah</a></h3>
<div class="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="../index.html%3Fp=882.html#respond">Click here to cancel reply.</a></small>
</div>
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;s&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type='hidden' name='comment_post_ID' value='882' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='1353' />
</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="152"/></p>
</form>
</div>
</div>
<div class="d-sidebar">
<div class="dextronet-feeds">
<ul class="links">
<li><a href="../feed/index.html" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
</ul>
</div>
<form role="search" method="get" id="searchform-sidebar" action="../../blog.html" >
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
<input type="image" id="searchsubmit-sidebar" src="../wp-content/themes/componentowl/images/search.gif" value="Search" />
</div>
</form>
<div id="sidebar" role="complementary">
<ul>
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="../category/announcements/index.html" >Announcements</a> (8)
</li>
<li class="cat-item cat-item-21"><a href="../category/better-listview/index.html" >Better ListView</a> (44)
</li>
<li class="cat-item cat-item-4"><a href="../category/components/index.html" >Components</a> (9)
</li>
<li class="cat-item cat-item-222"><a href="../category/programming/index.html" >Programming</a> (2)
</li>
<li class="cat-item cat-item-13"><a href="../category/tutorials/index.html" >Tutorials</a> (19)
</li>
</ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
<li><a href='../2017/03/index.html'>March 2017</a></li>
<li><a href='../2017/02/index.html'>February 2017</a></li>
<li><a href='../2016/11/index.html'>November 2016</a></li>
<li><a href='../2014/08/index.html'>August 2014</a></li>
<li><a href='../2014/07/index.html'>July 2014</a></li>
<li><a href='../2014/04/index.html'>April 2014</a></li>
<li><a href='../2014/02/index.html'>February 2014</a></li>
<li><a href='../2013/03/index.html'>March 2013</a></li>
<li><a href='../2013/02/index.html'>February 2013</a></li>
<li><a href='../2013/01/index.html'>January 2013</a></li>
<li><a href='../2012/12/index.html'>December 2012</a></li>
<li><a href='../2012/09/index.html'>September 2012</a></li>
<li><a href='../2012/08/index.html'>August 2012</a></li>
<li><a href='../2012/04/index.html'>April 2012</a></li>
<li><a href='../2012/03/index.html'>March 2012</a></li>
<li><a href='../2012/02/index.html'>February 2012</a></li>
<li><a href='../2012/01/index.html'>January 2012</a></li>
<li><a href='../2011/12/index.html'>December 2011</a></li>
<li><a href='../2011/11/index.html'>November 2011</a></li>
<li><a href='../2011/10/index.html'>October 2011</a></li>
<li><a href='../2011/09/index.html'>September 2011</a></li>
<li><a href='../2011/08/index.html'>August 2011</a></li>
<li><a href='../2011/07/index.html'>July 2011</a></li>
<li><a href='../2011/06/index.html'>June 2011</a></li>
<li><a href='../2011/05/index.html'>May 2011</a></li>
<li><a href='../2011/03/index.html'>March 2011</a></li>
<li><a href='../2011/02/index.html'>February 2011</a></li>
<li><a href='../2011/01/index.html'>January 2011</a></li>
</ul>
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="../tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
<a href="../tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
<a href="../tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
<a href="../tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
<a href="../tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
<a href="../tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
<a href="../tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
<a href="../tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
<a href="../tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
<a href="../tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
<a href="../tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
<a href="../tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
<a href="../tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
<a href="../tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
<a href="../tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
<a href="../tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
<a href="../tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
<a href="../tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
<a href="../tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
<a href="../tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
<a href="../tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
<a href="../tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
<a href="../tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
<a href="../tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
<a href="../tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
<a href="../tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
<a href="../tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
<a href="../tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
<a href="../tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
<a href="../tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
<a href="../tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
<a href="../tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
<a href="../tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
<a href="../tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
<a href="../tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
<a href="../tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
<a href="../tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
<a href="../tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
<a href="../tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
<a href="../tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
<a href="../tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
<a href="../tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
<a href="../tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what&#039;s new (2 items)">what&#039;s new</a>
<a href="../tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
<a href="../tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
</li> </ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='../wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
<script type='text/javascript' src='../wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
<script async="async" type='text/javascript' src='../wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
</div>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
Served from: www.componentowl.com @ 2018-09-08 11:38:52 by W3 Total Cache
-->

367
public/blog/search-filtering-in-better-listview/index.html?replytocom=1369.html
View File

@@ -1,367 +0,0 @@
<!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 &laquo; Owl&#039;s Blog on .NET development</title>
<link rel="stylesheet" href="../wp-content/themes/componentowl/style.css" type="text/css" media="screen" />
<link rel="pingback" href="../xmlrpc.php.html" />
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Feed" href="../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Comments Feed" href="../comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Search Filtering in Better ListView Comments Feed" href="feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
<link rel='https://api.w.org/' href='../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" />
<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' />
<meta name='robots' content='noindex,follow' />
<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&amp;format=xml.html" />
<script type="text/javascript" src="../../javascripts/plugins/jquery.validation.js"></script>
<script type="text/javascript" src="../../javascripts/dextronet.js"></script>
<script type="text/javascript" src="../wp-content/themes/componentowl/javascripts/theme.js"></script>
<!--[if IE 6]>
<style type="text/css">
#d-menu .dropdown .outer { background-image: none; }
#d-menu .dropdown .shadowbox { background-image: none; }
</style>
<![endif]-->
</head>
<body class="post-template-default single single-post postid-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&#039;s Blog on .NET development</a></h1>
<div class="blog-description">Component Owl codes Better ListView control all night so you don&#039;t have to.</div>
<div class="post-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 &#8220;pear&#8221; 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=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<br />
var listView = new BetterListView();</p>
<p>listView.Items.AddRange(new[] { &#8220;apple&#8221;, &#8220;pear&#8221;, &#8220;pineapple&#8221;, &#8220;orange&#8221;, &#8220;grapefruit&#8221;, &#8220;cherry&#8221;, &#8220;avocado&#8221; });</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=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<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=&#8221;false&#8221; toolbar=&#8221;false&#8221;]<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&#8217;s it!</p>
</div>
<div class="postinfobar">
<span class="tags"> </span>
</div>
</div>
<!-- You can start editing here. -->
<h3 id="comments">2 Responses to &#8220;Search Filtering in Better ListView&#8221;</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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/f3352122d4da0c19da0551ec570bcfea?s=64&#038;d=retro&#038;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='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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/93c2c185f5a5a445bc6fa1583187f3eb?s=64&#038;d=retro&#038;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='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 to <a href="index.html%3Freplytocom=1369.html#comment-1369">Libor Tinka</a></h3>
<div class="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="../index.html%3Fp=882.html#respond">Click here to cancel reply.</a></small>
</div>
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;s&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type='hidden' name='comment_post_ID' value='882' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='1369' />
</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="60"/></p>
</form>
</div>
</div>
<div class="d-sidebar">
<div class="dextronet-feeds">
<ul class="links">
<li><a href="../feed/index.html" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
</ul>
</div>
<form role="search" method="get" id="searchform-sidebar" action="../../blog.html" >
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
<input type="image" id="searchsubmit-sidebar" src="../wp-content/themes/componentowl/images/search.gif" value="Search" />
</div>
</form>
<div id="sidebar" role="complementary">
<ul>
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="../category/announcements/index.html" >Announcements</a> (8)
</li>
<li class="cat-item cat-item-21"><a href="../category/better-listview/index.html" >Better ListView</a> (44)
</li>
<li class="cat-item cat-item-4"><a href="../category/components/index.html" >Components</a> (9)
</li>
<li class="cat-item cat-item-222"><a href="../category/programming/index.html" >Programming</a> (2)
</li>
<li class="cat-item cat-item-13"><a href="../category/tutorials/index.html" >Tutorials</a> (19)
</li>
</ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
<li><a href='../2017/03/index.html'>March 2017</a></li>
<li><a href='../2017/02/index.html'>February 2017</a></li>
<li><a href='../2016/11/index.html'>November 2016</a></li>
<li><a href='../2014/08/index.html'>August 2014</a></li>
<li><a href='../2014/07/index.html'>July 2014</a></li>
<li><a href='../2014/04/index.html'>April 2014</a></li>
<li><a href='../2014/02/index.html'>February 2014</a></li>
<li><a href='../2013/03/index.html'>March 2013</a></li>
<li><a href='../2013/02/index.html'>February 2013</a></li>
<li><a href='../2013/01/index.html'>January 2013</a></li>
<li><a href='../2012/12/index.html'>December 2012</a></li>
<li><a href='../2012/09/index.html'>September 2012</a></li>
<li><a href='../2012/08/index.html'>August 2012</a></li>
<li><a href='../2012/04/index.html'>April 2012</a></li>
<li><a href='../2012/03/index.html'>March 2012</a></li>
<li><a href='../2012/02/index.html'>February 2012</a></li>
<li><a href='../2012/01/index.html'>January 2012</a></li>
<li><a href='../2011/12/index.html'>December 2011</a></li>
<li><a href='../2011/11/index.html'>November 2011</a></li>
<li><a href='../2011/10/index.html'>October 2011</a></li>
<li><a href='../2011/09/index.html'>September 2011</a></li>
<li><a href='../2011/08/index.html'>August 2011</a></li>
<li><a href='../2011/07/index.html'>July 2011</a></li>
<li><a href='../2011/06/index.html'>June 2011</a></li>
<li><a href='../2011/05/index.html'>May 2011</a></li>
<li><a href='../2011/03/index.html'>March 2011</a></li>
<li><a href='../2011/02/index.html'>February 2011</a></li>
<li><a href='../2011/01/index.html'>January 2011</a></li>
</ul>
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="../tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
<a href="../tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
<a href="../tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
<a href="../tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
<a href="../tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
<a href="../tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
<a href="../tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
<a href="../tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
<a href="../tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
<a href="../tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
<a href="../tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
<a href="../tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
<a href="../tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
<a href="../tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
<a href="../tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
<a href="../tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
<a href="../tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
<a href="../tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
<a href="../tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
<a href="../tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
<a href="../tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
<a href="../tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
<a href="../tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
<a href="../tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
<a href="../tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
<a href="../tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
<a href="../tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
<a href="../tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
<a href="../tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
<a href="../tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
<a href="../tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
<a href="../tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
<a href="../tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
<a href="../tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
<a href="../tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
<a href="../tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
<a href="../tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
<a href="../tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
<a href="../tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
<a href="../tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
<a href="../tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
<a href="../tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
<a href="../tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what&#039;s new (2 items)">what&#039;s new</a>
<a href="../tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
<a href="../tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
</li> </ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='../wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
<script type='text/javascript' src='../wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
<script async="async" type='text/javascript' src='../wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
</div>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
Served from: www.componentowl.com @ 2018-09-08 11:38:52 by W3 Total Cache
-->

313
public/blog/vertical-alignment-and-text-wrapping-in-better-listview/index.html?replytocom=1092.html
View File

@@ -1,313 +0,0 @@
<!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 &laquo; Owl&#039;s Blog on .NET development</title>
<link rel="stylesheet" href="../wp-content/themes/componentowl/style.css" type="text/css" media="screen" />
<link rel="pingback" href="../xmlrpc.php.html" />
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Feed" href="../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Comments Feed" href="../comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Owl&#039;s Blog on .NET development &raquo; Vertical Alignment and Text Wrapping in Better ListView Comments Feed" href="feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.componentowl.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery.js%3Fver=1.12.4'></script>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-migrate.min.js%3Fver=1.4.1'></script>
<link rel='https://api.w.org/' href='../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" />
<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' />
<meta name='robots' content='noindex,follow' />
<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&amp;format=xml.html" />
<script type="text/javascript" src="../../javascripts/plugins/jquery.validation.js"></script>
<script type="text/javascript" src="../../javascripts/dextronet.js"></script>
<script type="text/javascript" src="../wp-content/themes/componentowl/javascripts/theme.js"></script>
<!--[if IE 6]>
<style type="text/css">
#d-menu .dropdown .outer { background-image: none; }
#d-menu .dropdown .shadowbox { background-image: none; }
</style>
<![endif]-->
</head>
<body class="post-template-default single single-post postid-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&#039;s Blog on .NET development</a></h1>
<div class="blog-description">Component Owl codes Better ListView control all night so you don&#039;t have to.</div>
<div class="post-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> &#8211; the text will be wrapped to multiple lines, up to value specified by <strong>MaximumTextLines</strong> property of the corresponding view (layout)</li>
<li><strong>None</strong> &#8211; the text will not be wrapped at all</li>
<li><strong>Space</strong> &#8211; the text will be wrapped, but only to available space (item will never get higher due to wrapping text in sub-item with this setting)</li>
</ul>
<div>The following screenshot shows these three wrapping modes in action:</div>
<div>
<div id="attachment_441" style="width: 352px" class="wp-caption aligncenter"><a href="../wp-content/uploads/2011/11/screen-wrapping.png"><img class="size-full wp-image-441" title="screen-wrapping" src="../wp-content/uploads/2011/11/screen-wrapping.png" alt="Various text wrapping modes" width="342" height="80" srcset="../wp-content/uploads/2011/11/screen-wrapping.png 342w, ../wp-content/uploads/2011/11/screen-wrapping-300x70.png 300w" sizes="(max-width: 342px) 100vw, 342px" /></a><p class="wp-caption-text">Various text wrapping modes</p></div>
</div>
<p>The sub-item in the first column has <strong>TextWrapping</strong> set to <strong>Layout</strong> and the layout has <strong>MaximumTextLines</strong> set to <strong>4</strong>. The sub-item text thus can be split to up to four lines. It is actually split just to three because the column is wide enough.</p>
<p>The sub-item in the second column has <strong>TextWrapping</strong> set to <strong>None</strong>, which means the text in this sub-item is kept on single line.</p>
<p>The sub-item in the third column has <strong>TextWrapping</strong> set to <strong>Space</strong>. As you can see, even if the <strong>MaximumTextLines</strong> is set to <strong>4</strong>, the sub-item text is limited to three lines, preventing item to grow larger.</p>
</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 &#8220;Vertical Alignment and Text Wrapping in Better ListView&#8221;</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&#038;d=retro&#038;r=g' srcset="http://0.gravatar.com/avatar/00bb171c0142a6ab7d9778e3e085fe09?s=64&#038;d=retro&#038;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&#8230; 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='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 to <a href="index.html%3Freplytocom=1092.html#comment-1092">Daniel N</a></h3>
<div class="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="../index.html%3Fp=437.html#respond">Click here to cancel reply.</a></small>
</div>
<form action="http://www.componentowl.com/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;s&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
<p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type='hidden' name='comment_post_ID' value='437' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='1092' />
</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="44"/></p>
</form>
</div>
</div>
<div class="d-sidebar">
<div class="dextronet-feeds">
<ul class="links">
<li><a href="../feed/index.html" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
<li><a href="http://facebook.com/ComponentOwl" class="facebook">Follow us on Facebook</a></li>
</ul>
</div>
<form role="search" method="get" id="searchform-sidebar" action="../../blog.html" >
<div><label class="screen-reader-text" for="s-sidebar">Search for:</label>
<input type="text" value="Search..." name="s" id="s-sidebar" class="search inline-label" />
<input type="image" id="searchsubmit-sidebar" src="../wp-content/themes/componentowl/images/search.gif" value="Search" />
</div>
</form>
<div id="sidebar" role="complementary">
<ul>
<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="../category/announcements/index.html" >Announcements</a> (8)
</li>
<li class="cat-item cat-item-21"><a href="../category/better-listview/index.html" >Better ListView</a> (44)
</li>
<li class="cat-item cat-item-4"><a href="../category/components/index.html" >Components</a> (9)
</li>
<li class="cat-item cat-item-222"><a href="../category/programming/index.html" >Programming</a> (2)
</li>
<li class="cat-item cat-item-13"><a href="../category/tutorials/index.html" >Tutorials</a> (19)
</li>
</ul>
</li><li id="archives-3" class="widget widget_archive"><h2 class="widgettitle">Archives</h2> <ul>
<li><a href='../2017/03/index.html'>March 2017</a></li>
<li><a href='../2017/02/index.html'>February 2017</a></li>
<li><a href='../2016/11/index.html'>November 2016</a></li>
<li><a href='../2014/08/index.html'>August 2014</a></li>
<li><a href='../2014/07/index.html'>July 2014</a></li>
<li><a href='../2014/04/index.html'>April 2014</a></li>
<li><a href='../2014/02/index.html'>February 2014</a></li>
<li><a href='../2013/03/index.html'>March 2013</a></li>
<li><a href='../2013/02/index.html'>February 2013</a></li>
<li><a href='../2013/01/index.html'>January 2013</a></li>
<li><a href='../2012/12/index.html'>December 2012</a></li>
<li><a href='../2012/09/index.html'>September 2012</a></li>
<li><a href='../2012/08/index.html'>August 2012</a></li>
<li><a href='../2012/04/index.html'>April 2012</a></li>
<li><a href='../2012/03/index.html'>March 2012</a></li>
<li><a href='../2012/02/index.html'>February 2012</a></li>
<li><a href='../2012/01/index.html'>January 2012</a></li>
<li><a href='../2011/12/index.html'>December 2011</a></li>
<li><a href='../2011/11/index.html'>November 2011</a></li>
<li><a href='../2011/10/index.html'>October 2011</a></li>
<li><a href='../2011/09/index.html'>September 2011</a></li>
<li><a href='../2011/08/index.html'>August 2011</a></li>
<li><a href='../2011/07/index.html'>July 2011</a></li>
<li><a href='../2011/06/index.html'>June 2011</a></li>
<li><a href='../2011/05/index.html'>May 2011</a></li>
<li><a href='../2011/03/index.html'>March 2011</a></li>
<li><a href='../2011/02/index.html'>February 2011</a></li>
<li><a href='../2011/01/index.html'>January 2011</a></li>
</ul>
</li><li id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="../tag/align/index.html" class="tag-cloud-link tag-link-256 tag-link-position-1" style="font-size: 8pt;" aria-label="align (2 items)">align</a>
<a href="../tag/better/index.html" class="tag-cloud-link tag-link-71 tag-link-position-2" style="font-size: 14.326923076923pt;" aria-label="better (8 items)">better</a>
<a href="../tag/better-listview-2/index.html" class="tag-cloud-link tag-link-31 tag-link-position-3" style="font-size: 22pt;" aria-label="better listview (32 items)">better listview</a>
<a href="../tag/bound/index.html" class="tag-cloud-link tag-link-85 tag-link-position-4" style="font-size: 8pt;" aria-label="bound (2 items)">bound</a>
<a href="../tag/child-items-in-listview/index.html" class="tag-cloud-link tag-link-57 tag-link-position-5" style="font-size: 8pt;" aria-label="child items in listview (2 items)">child items in listview</a>
<a href="../tag/column/index.html" class="tag-cloud-link tag-link-89 tag-link-position-6" style="font-size: 10.961538461538pt;" aria-label="column (4 items)">column</a>
<a href="../tag/coming-soon/index.html" class="tag-cloud-link tag-link-52 tag-link-position-7" style="font-size: 8pt;" aria-label="coming soon (2 items)">coming soon</a>
<a href="../tag/custom/index.html" class="tag-cloud-link tag-link-12 tag-link-position-8" style="font-size: 15pt;" aria-label="custom (9 items)">custom</a>
<a href="../tag/data/index.html" class="tag-cloud-link tag-link-84 tag-link-position-9" style="font-size: 8pt;" aria-label="data (2 items)">data</a>
<a href="../tag/databinding/index.html" class="tag-cloud-link tag-link-83 tag-link-position-10" style="font-size: 8pt;" aria-label="databinding (2 items)">databinding</a>
<a href="../tag/drawing/index.html" class="tag-cloud-link tag-link-161 tag-link-position-11" style="font-size: 10.961538461538pt;" aria-label="drawing (4 items)">drawing</a>
<a href="../tag/drawn/index.html" class="tag-cloud-link tag-link-270 tag-link-position-12" style="font-size: 9.6153846153846pt;" aria-label="drawn (3 items)">drawn</a>
<a href="../tag/explorer/index.html" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 9.6153846153846pt;" aria-label="explorer (3 items)">explorer</a>
<a href="../tag/groups/index.html" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 10.961538461538pt;" aria-label="groups (4 items)">groups</a>
<a href="../tag/header/index.html" class="tag-cloud-link tag-link-134 tag-link-position-15" style="font-size: 9.6153846153846pt;" aria-label="header (3 items)">header</a>
<a href="../tag/hide/index.html" class="tag-cloud-link tag-link-88 tag-link-position-16" style="font-size: 10.961538461538pt;" aria-label="hide (4 items)">hide</a>
<a href="../tag/hiding/index.html" class="tag-cloud-link tag-link-90 tag-link-position-17" style="font-size: 9.6153846153846pt;" aria-label="hiding (3 items)">hiding</a>
<a href="../tag/hierarchy/index.html" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 8pt;" aria-label="hierarchy (2 items)">hierarchy</a>
<a href="../tag/hot/index.html" class="tag-cloud-link tag-link-106 tag-link-position-19" style="font-size: 9.6153846153846pt;" aria-label="hot (3 items)">hot</a>
<a href="../tag/image/index.html" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 8pt;" aria-label="image (2 items)">image</a>
<a href="../tag/images/index.html" class="tag-cloud-link tag-link-7 tag-link-position-21" style="font-size: 9.6153846153846pt;" aria-label="images (3 items)">images</a>
<a href="../tag/item/index.html" class="tag-cloud-link tag-link-23 tag-link-position-22" style="font-size: 10.961538461538pt;" aria-label="item (4 items)">item</a>
<a href="../tag/item-hierarchy/index.html" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="item hierarchy (2 items)">item hierarchy</a>
<a href="../tag/items/index.html" class="tag-cloud-link tag-link-107 tag-link-position-24" style="font-size: 17.423076923077pt;" aria-label="items (14 items)">items</a>
<a href="../tag/listview/index.html" class="tag-cloud-link tag-link-5 tag-link-position-25" style="font-size: 16.076923076923pt;" aria-label="listview (11 items)">listview</a>
<a href="../tag/load/index.html" class="tag-cloud-link tag-link-261 tag-link-position-26" style="font-size: 8pt;" aria-label="load (2 items)">load</a>
<a href="../tag/mouse/index.html" class="tag-cloud-link tag-link-41 tag-link-position-27" style="font-size: 8pt;" aria-label="mouse (2 items)">mouse</a>
<a href="../tag/multi-line/index.html" class="tag-cloud-link tag-link-82 tag-link-position-28" style="font-size: 8pt;" aria-label="multi-line (2 items)">multi-line</a>
<a href="../tag/multiline/index.html" class="tag-cloud-link tag-link-81 tag-link-position-29" style="font-size: 9.6153846153846pt;" aria-label="multiline (3 items)">multiline</a>
<a href="../tag/owner/index.html" class="tag-cloud-link tag-link-104 tag-link-position-30" style="font-size: 12.038461538462pt;" aria-label="owner (5 items)">owner</a>
<a href="../tag/ownerdrawn/index.html" class="tag-cloud-link tag-link-273 tag-link-position-31" style="font-size: 8pt;" aria-label="ownerdrawn (2 items)">ownerdrawn</a>
<a href="../tag/padding/index.html" class="tag-cloud-link tag-link-19 tag-link-position-32" style="font-size: 8pt;" aria-label="padding (2 items)">padding</a>
<a href="../tag/progress/index.html" class="tag-cloud-link tag-link-37 tag-link-position-33" style="font-size: 8pt;" aria-label="progress (2 items)">progress</a>
<a href="../tag/space/index.html" class="tag-cloud-link tag-link-240 tag-link-position-34" style="font-size: 9.6153846153846pt;" aria-label="space (3 items)">space</a>
<a href="../tag/spacing/index.html" class="tag-cloud-link tag-link-20 tag-link-position-35" style="font-size: 8pt;" aria-label="spacing (2 items)">spacing</a>
<a href="../tag/sub-item/index.html" class="tag-cloud-link tag-link-113 tag-link-position-36" style="font-size: 10.961538461538pt;" aria-label="sub-item (4 items)">sub-item</a>
<a href="../tag/sub-items/index.html" class="tag-cloud-link tag-link-265 tag-link-position-37" style="font-size: 8pt;" aria-label="sub-items (2 items)">sub-items</a>
<a href="../tag/subitem/index.html" class="tag-cloud-link tag-link-258 tag-link-position-38" style="font-size: 9.6153846153846pt;" aria-label="subitem (3 items)">subitem</a>
<a href="../tag/subitems/index.html" class="tag-cloud-link tag-link-266 tag-link-position-39" style="font-size: 9.6153846153846pt;" aria-label="subitems (3 items)">subitems</a>
<a href="../tag/thumbnails/index.html" class="tag-cloud-link tag-link-6 tag-link-position-40" style="font-size: 8pt;" aria-label="thumbnails (2 items)">thumbnails</a>
<a href="../tag/tree/index.html" class="tag-cloud-link tag-link-80 tag-link-position-41" style="font-size: 8pt;" aria-label="tree (2 items)">tree</a>
<a href="../tag/update/index.html" class="tag-cloud-link tag-link-36 tag-link-position-42" style="font-size: 8pt;" aria-label="update (2 items)">update</a>
<a href="../tag/whats-new/index.html" class="tag-cloud-link tag-link-32 tag-link-position-43" style="font-size: 8pt;" aria-label="what&#039;s new (2 items)">what&#039;s new</a>
<a href="../tag/working-on/index.html" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 8pt;" aria-label="working on (2 items)">working on</a>
<a href="../tag/xp/index.html" class="tag-cloud-link tag-link-29 tag-link-position-45" style="font-size: 8pt;" aria-label="xp (2 items)">xp</a></div>
</li> </ul>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='../wp-includes/js/comment-reply.min.js%3Fver=4.9.8'></script>
<script type='text/javascript' src='../wp-includes/js/wp-embed.min.js%3Fver=4.9.8'></script>
<script async="async" type='text/javascript' src='../wp-content/plugins/akismet/_inc/form.js%3Fver=4.0.8'></script>
</div>
</body>
</html>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: S3: www.componentowl.com
Served from: www.componentowl.com @ 2018-09-08 11:40:02 by W3 Total Cache
-->

30
public/blog/wp-content/plugins/akismet/_inc/form.js?ver=4.0.8
View File

@@ -1,30 +0,0 @@
var ak_js = document.getElementById( "ak_js" );
if ( ! ak_js ) {
ak_js = document.createElement( 'input' );
ak_js.setAttribute( 'id', 'ak_js' );
ak_js.setAttribute( 'name', 'ak_js' );
ak_js.setAttribute( 'type', 'hidden' );
}
else {
ak_js.parentNode.removeChild( ak_js );
}
ak_js.setAttribute( 'value', ( new Date() ).getTime() );
var commentForm = document.getElementById( 'commentform' );
if ( commentForm ) {
commentForm.appendChild( ak_js );
}
else {
var replyRowContainer = document.getElementById( 'replyrow' );
if ( replyRowContainer ) {
var children = replyRowContainer.getElementsByTagName( 'td' );
if ( children.length > 0 ) {
children[0].appendChild( ak_js );
}
}
}

BIN
public/blog/wp-content/themes/componentowl/images/arrow-bullet.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 207 B

BIN
public/blog/wp-content/themes/componentowl/images/bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 258 B

BIN
public/blog/wp-content/themes/componentowl/images/footer-bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 304 B

BIN
public/blog/wp-content/themes/componentowl/images/icons/lightbulb.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 569 B

BIN
public/blog/wp-content/themes/componentowl/images/rss.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
public/blog/wp-content/themes/componentowl/images/search.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 409 B

580
public/blog/wp-content/themes/componentowl/images/ss-bg.gif.html
View File

@@ -1,580 +0,0 @@
<!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" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TMSFLB4');</script>
<!-- End Google Tag Manager -->
<script>
function gainit()
{
ga('create', 'UA-16362539-4', 'auto');
console.log('ga init');
}
window.onload=gainit;
</script>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta name="keywords" content="better listview, list view, listview, list view control, list view component, .net list view, list view replacement, list view alternative, improved list view, enhanced list view" />
<meta name="description" content="Better ListView is an alternative List View control - the ideal replacement for the regular .NET listview component. For WinForms C#/VB.net." />
<meta name="author" content="ComponentOwl" />
<meta http-equiv="Title" content="Better ListView for .NET (C#, VB) - Alternative list view component" />
<meta name="copyright" content="(c) 2010-2018 ComponentOwl" />
<meta name="distribution" content="Global" />
<meta name="rating" content="General" />
<meta name="robots" content="All" />
<meta http-equiv="Content-Language" content="en" />
<meta name="verify-v1" content="NK0H1gWia1vxGZ2Yhr59gsS0/P2/USBI1DVA18VkzjM=" />
<meta name="google-site-verification" content="O7Dwtzu5x_Mob9u98uxqpZ-_wCLGpEkx2IL0UYVQ4ac" />
<title>Better ListView for .NET (C#, VB) - Alternative list view component</title>
<link rel="alternate" type="application/rss+xml" title="Component Owl Feed: Latest releases, news and tips &amp; tricks from our blog" href="../../../../../feeds.rss" />
<link rel="alternate" type="application/rss+xml" title="Component Owl's Comics: Latest comic strips for developers by Libor Tinka" href="../../../../../comics.rss" />
<link href="../../../../../stylesheets/base_packaged.css%3F1455269822.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TMSFLB4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="d-page">
<div class="d-header d-placing">
<ul class="d-menu">
<li class=""><a href="../../../../../index.html" class="menu-item">Home</a></li>
<li class="active with-dropdown">
<a href="../../../../page/6/index.html" class="menu-item">Products</a>
<div class="dropdown dropdown-submenu" style="display: none; width: 370px"><div class="outer"><div class="shadowbox"><div class="border"><div class="inner">
<div class="dropdown-category">WinForms Components</div>
<a href="../../../../page/6/index.html" class="featured-item"><img alt="icon" src="http://assets.componentowl.com/icons/better-listview-32-1355160256.png?1355135056" /> Better ListView<br /><span class="subline">Ultimate ListView control for .NET</span></a>
<a href="../../../../../better-thumbnail-browser.html" class="featured-item"><img alt="icon" src="http://assets.componentowl.com/icons/better-thumbnail-browser-32-1355160281.png?1355135081" /> Better Thumbnail Browser<br /><span class="subline">Thumbnail loading and browsing control for .NET</span></a>
<a href="../../../../../better-splitbutton.html"><img alt="icon" src="http://assets.componentowl.com/icons/better-splitbutton-32-1355160307.png?1355135107" /> Better SplitButton<br /><span class="subline">Free customizable dropdown button control</span></a>
<a href="../../../../../better-listview-express.html"><img alt="icon" src="http://assets.componentowl.com/icons/better-listview-express-32-1355160327.png?1355135127" /> Better ListView Express<br /><span class="subline">Free edition with less features</span></a>
</div></div></div></div></div>
</li>
<li class="">
<a href="../../../../../pricing-licensing/better-listview.html" class="menu-item">Purchase</a>
<div class="dropdown dropdown-submenu" style="display: none; width: 330px"><div class="outer"><div class="shadowbox"><div class="border"><div class="inner">
<a href="../../../../../pricing-licensing/better-listview.html" class="featured-item">Better ListView</a>
<a href="../../../../../pricing-licensing/better-thumbnail-browser.html" class="featured-item">Better Thumbnail Browser</a>
<a href="../../../../../pricing-licensing/better-splitbutton.html">Better SplitButton</a>
</div></div></div></div></div>
</li>
<li class=""><a href="../../../../../support.html" class="menu-item">Support</a></li>
<li class=""><a href="../../../../../articles.html" class="menu-item">Articles</a></li>
<li class=""><a href="../../../../../blog.html" class="menu-item">Blog</a></li>
<li class=""><a href="../../../../../comics/43.html" class="menu-item">Comics</a></li>
<li class=""><a href="../../../../../about-us.html" class="menu-item">About Us</a></li>
</ul>
<div class="d-logo">
<a href="../../../../../index.html" class="logoimg"><img alt="Component Owl" src="../../../../../images/componentowl.gif%3F1455269978" /></a>
<g:plusone size="medium" count="false" href="http://www.componentowl.com"></g:plusone>
</div>
</div>
<div class="d-placing">
<div class="d-content-wrap">
<div class="subpage product-content">
<h1>Better ListView: Alternative list view control for .NET</h1>
<p class="section-info">Ideal .NET WinForms (C#, VB.net) replacement list view component. More features, less limitations, fast and optimized.</p>
<div class="sides">
<div class="right">
<input id="tabs-initial-index" name="tabs-initial-index" type="hidden" value="-1" />
<ul id="nav" class="nav">
<li><a href="../../../../page/6/index.html" class="current">Overview</a></li>
<li><a href="../../../../../better-listview/screenshots.html" class="">Screenshots</a></li>
<li><a href="../../../../../better-listview/comparison-table.html" class="">Comparison</a></li>
<li><a href="../../../../../better-listview/resources.html" class="">Resources</a></li>
<li><a href="../../../../../better-listview/story.html" class="">Story</a></li>
</ul>
<div id="nav-panel" class="nav-panel product-detail"><div class="features-page">
<ul class="common">
<li>Better ListView is a <strong>list view control for .NET Windows Forms</strong></li>
<li>Designed as a replacement for the regular .NET list view control.</li>
<li>Compatible with: Visual Studio 2015, 2013, 2012, 2010, 2008, 2005, with full designer support.</li>
<li>For C#, Visual Basic .NET (VB.NET), managed C++, and other CLI languages.</li>
<li>Compatible with .NET 4.5, .NET 4, .NET 3.5, .NET 3, .NET 2, and newer. Supports .NET Client Profile.</li>
<li>Runs on Windows 10, 8, 7, Vista, 2003, XP, 2000, and newer, both 32-bit and 64-bit.</li>
<li>Better ListView has <strong>more features and flexibility</strong>, always uses the <strong>current system theme</strong> (including <strong>Aero</strong> support), and <strong>removes limitations</strong> of the regular .NET list view control.</li>
<li><strong>Minimum learning needed</strong>. Better ListView can be used just like the regular list view.</li>
<li>Written in <strong>pure managed C# code</strong>. It is fast, <strong>light-weight</strong> and optimized for 10k+ items.</li>
<li>Easy royalty-free deployment. Single DLL file that has just 250kB when compressed.</li>
<li>The assembly is <strong><a href="http://www.nist.gov/itl/fipsinfo.cfm" target="_blank">FIPS-compliant</a></strong>, CLS-compliant, <strong>digitally signed</strong> and strongly named.</li>
<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>
<h2>Extra features summary</h2>
Better ListView is fast and flicker-free, supports hierarchical items, has improved grouping, better drag &amp; drop and item reordering support, better column headers, inbuilt sorting, multi-column sorting, better images support, context menus for column headers and items, embedded controls for editing support, automatic and custom sizing of items and images, thumbnails view, richer event data, item text formatting, XML and binary serialization, data-binding, owner-drawing options, better tooltips, powerful hit-test, improved usability, easy saving/loading of contents into file or string, multi-line items, and more.
<div class="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
Component Owl created <b>the one and only tool I don’t want to be without when it comes to software developing in Visual Studio</b>. Also, I’ve been working as software user/developer for the last 26 years, and <b>I have never before experienced a support that really goes the needed extra mile to make things work</b>, like the guys at Component Owl do.
</em></blockquote><strong>Göran Alfvén, Sweden</strong></div></div>
<div class="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
The control is <b>very easy and intuitive to use and is well documented</b>.
</em></blockquote><strong>DevProConnections.com Review</strong></div></div>
<div class="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
Better List View is <b>awesome</b>.
</em></blockquote><strong>Daniel N</strong></div></div>
<h3>Hierarchical items</h3>
You can create tree-like structures in Better ListView; inbuilt drag &amp; drop hierarchical reordering of items.
<h3>Improved grouping</h3>
Better grouping – customizable group headers look and behavior, collapsible, image support, context menu support, focusable, etc. Each group header can be customized individually.
<h3>Save/load contents with 1 line of code</h3>
You can save or load the contents of Better ListView in just 1 line of code, either to file or string. Both XML and binary serialization is supported.
<h3>Double-buffered and flicker free</h3>
Simply put, Better ListView is smooth. Regular listview requires multiple anti-flicker techniques, but you do not have to worry about that with Better ListView. Better ListView is optimized for 100k+ items.
<h3>Column header images</h3>
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>
<h3>Sub-item images</h3>
You can set images to list view sub-items. Regular list view allows you to set only one image per list view item, but Better ListView can show image for every sub-item (in every column).
<h3>Image-List and Image Support</h3>
Better ListView supports both image list, or individual image objects (System.Drawing.Image). Regular list view forces you to use ImageList object.
<h3>Custom list view Image size</h3>
You can use any image size in the list view. Better ListView can also automatically resize images with preserving aspect ratio.
<h3>Drag &amp; drop with insertion mark</h3>
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>
<h3>List view item reordering</h3>
Better ListView has inbuilt item reordering and item drag &amp; drop inserting at the position specified by user. Drag &amp; drop preview is shown using an insertion mark.
<h3>Column-header reordering</h3>
Better ListView has inbuilt easy drag &amp; 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>
<h3>Auto-scroll for column header reordering and item reordering</h3>
Better ListView has inbuilt auto-scrolling for column header and item reordering.
<h3>Column headers can be shown in all views</h3>
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>
<h3>Thumbnails view mode</h3>
Better ListView supports additional "thumbnails" view mode that allows you to view images of large sizes. The images are automatically and smoothly resized with preserved aspect ratio. You can define the maximum/minimum desired image sizes.
<h3>Image shadows, borders and padding</h3>
All images in Better ListView can have border or shadow specified. You can also specify padding that gives you space for owner drawing (eg. overlay images). This can be used in all views.
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>
<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>
<h3>Inbuilt sorting and natural sorting</h3>
Better ListView has inbuilt list view sorting that works out of the box. You no longer need to implement your own item comparer. If custom comparer is needed, you can inherit from the Better ListView comparer to save time.
<h3>Richer event data</h3>
Many events have richer event data that allow you to do extra operations or tell you extra useful information. The richer events include: AfterItemSort, BeforeDrag, BeforeItemSort, ColumnClick (allows you to cancel sort), DragDropException, DrawBackground, DrawColumnHeaderBackground, DrawColumnHeader, DrawItemBackground, DrawItem, HitTestChanged, ItemActivate (event data tells you how the item got activated - mouse, keyboard or code), ItemDrag, ItemDrop, ItemReorder, ItemSearch, LabelEdit, RequestEmebeddedControl.
<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>
<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>
<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>
<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>
<h3>Uses current Windows theme</h3>
Instead of implementing custom, un-native look and feel, Better ListView always automatically fully uses the current system theme. It supports Aero as well. Better ListView always looks great and feels right to the user.
<h3>XML and binary serialization of everything</h3>
Every part of Better ListView (items, sub-items, column headers) can be both binary and XML serialized. You can easily XML serialize whole list view (or binary serialize) to save it to file or transfer items between controls. Standard ways of .NET serialization can be used (BinaryFormatter, XmlSerializer).
<h3>Owner drawing</h3>
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>
<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>
<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>
<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>
<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>
<h3>Customizable search-by-typing</h3>
Better ListView has excellent customization functionality for find-as-you-type item searching. The search modes include: Prefix (searchs from beginning of items), Substring (search any part of item text), Prefix + Substring, or Disabled. Additionally, search options include: Case sensitive, search first word only, play sound when item not found, prefer prefixes, search whole words. You can also restrict the search to only certain columns. You can also call "FindItemsWithText" function to find items from code.
<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>
<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>
<h3>ListView item text formatting</h3>
Supports both text trimming and auto-ellipsis for text that's too long. You can choose from: TrimCharacter, TrimWord, EllipsisCharacter, EllipsisWord, EllipsisPath (for file paths). Column header text can be broken into multiple lines.
<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>
<h3>Automatic list view layout</h3>
Better ListView can auto-size item images, item text, column header images, column header text.
<h3>Custom list view item size</h3>
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="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
It's an odd thing when you're inspired by a form component, but Component Owl
with their Better ListView has done it. Love its native feel.
</em></blockquote><strong>Daniel N, USA</strong></div></div>
<h2>More advantages of our improved list view component:</h2>
<ul class="common">
<li><strong>Developer friendly</strong>: All classes and properties are as similar to the regular list view as possible. Everything is intuitive, very little learning is needed. You can use Better ListView immediately. <strong>Save time and ship sooner</strong>.</li>
<li><strong>Better ListView has improved usability and fixed behavior</strong>. All Windows users are familiar with the list view used in Windows Explorer. Better ListView mimicks behavior and look &amp; feel of the Windows Explorer list view as much as possible to leverage the existing user knowledge. <strong>Using Better ListView is pleasant for users.</strong> Many other list view components implement custom look and behavior and can oftentimes downright frustrate users (many controls don't even support mouse-wheel scrolling!) This doesn't happen with Better ListView.</li>
<li><strong>Guaranteed support and continued development</strong>: Better ListView is developed as a joint-venture of two software companies that use Better ListView in their main products (popular <strong><a href="http://www.dextronet.com/swift-to-do-list-software" target="_blank">Swift To-Do List</a></strong> and <strong><a href="http://www.imagingshop.com" target="_blank">ImagingShop</a></strong>). These applications are used by thousands of users daily. This is your guarantee that Better ListView will be supported and developed in the future.</li>
<li><strong>Tested in real world applications by thousands of users</strong>: Because Better ListView is used in professional consumer desktop software applications - Swift To-Do List and ImagingShop, thousands of users work with Better ListView every day. Although we use unit tests that cover most of code, and do thorough inhouse testing, this is your true guarantee that it is tested thoroughly in the real world. It is <strong>extremely stable</strong>.</li>
<li>Better ListView does <strong>not</strong> inherit from the regular .NET list view. It is written in pure managed C# code and is flexible, light weight, and fast. Extensions of the regular .net list view only go so far. Better ListView goes further. Soure code licenses are also available for ultimate customization.</li>
</ul>
<div class="testimonial-intext"><div class="testimonial-wrap"><blockquote><em>
In addition to creating a new List View control to incorporate <b>broader flexibility and functionality</b>, Better ListView could also be called <b>Fixed ListView</b>, as it corrects a number of annoying problems with the standard List View that Microsoft delivers to Visual Studio customers.
</em></blockquote><strong>DevProConnections.com Review</strong></div></div>
</div></div>
</div>
<div class="left">
<div class="buttons-box">
<a onclick="ga('send', 'event', 'trial', 'click');" data-sumome-listbuilder-id="4016d967-e098-487d-a20e-da328d2345df" class="standard-download image-link">Download Free Trial - With sample projects</a>
<a href="../../../../../pricing-licensing/better-listview.html" class="standard-buy image-link">See Pricing &amp; Licensing</a>
<p>Version 3.15 / May 27, 2015</p>
</div>
<div class="compatibility">
<p><strong>Seamless integration with .NET 2.0 and higher</strong></p>
<div class="documentation">
<p><a href="../../../../../better-listview/quick-start-guide.html" onclick="window.open(this.href); return false">See Quick Start Guide</a></p>
<p><a href="../../../../../better-listview/documentation.html" onclick="window.open(this.href); return false">See Documentation</a></p>
<p><a href="../../../../../better-listview/class-reference.html" onclick="window.open(this.href); return false">See Class Reference</a></p>
</div>
</div>
<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>
</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()) + '&amp;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" />
<input id="form_id" name="form_id" type="hidden" value="#new_subscription_product" />
<strong>Receive product updates<br />and news via email:</strong>
<div><input class="email inline-label" id="product-newsletter-email" name="subscription[email]" size="30" type="text" value="Your Email" /></div>
<div id="product-newsleter-lists" class="subscription-lists-ct" style="display: none"><input name="subscription[subscription_list_ids][]" type="hidden" value="970100327" />
<input name="subscription[subscription_list_ids][]" type="hidden" value="1009842129" /></div>
<span class="dbtn-c subscribe dbtn-small" id="send"><span class="dbtn-w"><input class="dbtn" name="commit" type="submit" value="Subscribe" /></span></span>
</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>
</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>
</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>
</div>
<div class="small-button-ct">
<a href="../../../../../better-listview/screenshots.html" class="small-button"><span>More Screenshots</span></a>
</div>
</div>
</div>
<div class="buttons-wrap">
<div class="buttons">
<a onclick="ga('send', 'event', 'trial', 'click');" data-sumome-listbuilder-id="4016d967-e098-487d-a20e-da328d2345df" class="standard-download image-link">Download Free Trial - With sample projects</a>
<a href="../../../../../pricing-licensing/better-listview.html" class="standard-buy image-link">See Pricing &amp; Licensing</a>
</div>
</div>
</div>
<div id="screenshot-buttons" style="display: none">
<div class="buttons">
<a href="../../../../../betterlistview.exe" class="small-download image-link" onclick="download_email('better-listview');">Free Download</a>
<a href="../../../../../pricing-licensing/better-listview.html" class="small-buy image-link">See Pricing &amp; Licensing</a>
</div>
</div>
</div>
</div>
<div class="d-footer">
<div class="d-placing">
<div class="left">
<div class="latest-posts">
<h3 class="latest_from_blog"><a href="../../../../../blog.html">Latest From Our Blog</a></h3>
<h4><a href="../../../../index.html%3Fp=927.html">Activation issues and how to solve them</a></h4>
<div class="post-info">Wednesday, 01 March 2017</div>
<h4><a href="../../../../index.html%3Fp=921.html">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="../../../../index.html%3Fp=914.html">BLV and Internet Explorer</a></h4>
<div class="post-info">Sunday, 13 November 2016</div>
<h4><a href="../../../../index.html%3Fp=906.html">Centering Images in Better ListView Sub-items</a></h4>
<div class="post-info">Wednesday, 06 August 2014</div>
<h4><a href="../../../../index.html%3Fp=901.html">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.html">See more posts &raquo;</a></div>
</div>
<div class="right">
<div class="news">
<ul class="links">
<li><a href="../../../../../feeds.rss" class="rss">Subscribe to our RSS</a></li>
<li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
</ul>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better ListView Express 3.15 released!</h4>
<p>
<a href="../../../../../betterlistviewexpress.exe" onclick="download_email('better-listview-express');">Download latest release</a>
</p>
</div>
</div>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better ListView 3.15 released!</h4>
<p>
<a href="../../../../../betterlistview.exe" onclick="download_email('better-listview');">Download latest release</a>
</p>
</div>
</div>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better SplitButton 3.15 released!</h4>
<p>
<a href="../../../../../bettersplitbutton.exe" onclick="download_email('better-splitbutton');">Download latest release</a>
</p>
</div>
</div>
<div class="news-item ">
<div class="date">27<span>May</span></div>
<div class="message">
<h4>Better Thumbnail Browser 3.15 released!</h4>
<p>
<a href="../../../../../betterthumbnailbrowser.exe" onclick="download_email('better-thumbnail-browser');">Download latest release</a>
</p>
</div>
</div>
<div class="news-item last-item">
<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" onclick="download_email('better-listview-express');">Download latest release</a>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="d-placing">
<hr />
<div class="copy"><div class="social"><a href="../../../../../support.html" class="feedback">Contact Us (Feedback)</a> <span>|</span> <a href="../../../../../feeds.rss" class="rss">RSS</a> <span>|</span> <a href="https://twitter.com/ComponentOwl" class="twitter">Twitter</a> <span>|</span> <a href="../../../../../sitemap.html" class="sitemap">Sitemap</a> <span>|</span> Our <a href="../../../../../index.html" class="stdl">task management software</a> that uses Better ListView</div>
Copyright &copy; 2021 ComponentOwl.com, All rights reserved. Read our <a href="../../../../../eula.html">EULA</a>, <a href="../../../../../disclaimer.html">Disclaimer</a> and <a href="../../../../../privacy-policy.html">Privacy Policy</a>.<br /></div>
</div>
</div>
</div>
<script src="../../../../../javascripts/app_packaged.js%3F1455269826" type="text/javascript"></script>
<script async>(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='854b5e00f297990012cc230023375a00787c0000216621002775a800d79ad500';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumo.com/');</script>
</body>
</html>

BIN
public/blog/wp-content/themes/componentowl/images/twitter.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

32
public/blog/wp-content/themes/componentowl/javascripts/theme.js
View File

@@ -1,32 +0,0 @@
(function($) {
$(document).ready(function() {
$(".d-menu li").each(function() {
var $this = $(this);
var dropdown = $this.find(".dropdown");
if (dropdown.size() == 1) {
$this.hover(function() {
$this.addClass("with-dropdown-hover");
dropdown.show();
}, function() {
$this.removeClass("with-dropdown-hover");
dropdown.hide();
});
}
});
$("input.inline-label").each(function() {
$(this).data("initial_value", $(this).val());
});
$("input.inline-label").focus(function() {
var el = $(this);
el.addClass("inline-label-focus");
if (el.val() == el.data("initial_value")) {
el.val("");
}
});
});
})(jQuery);

797
public/blog/wp-content/themes/componentowl/style.css
View File

@@ -1,797 +0,0 @@
/*
Theme Name: ComponentOwl
Theme URI: http://www.componentowl.com/
Description: ComponentOwl WordPress Theme.
Version: 1.0
Author: Ondrej Zabojnik
Author URI: http://www.dextronet.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/
/* COWL THEME */
html { height: 100%; }
body { height: 100%; font-size: 14px; font-family: arial, sans-serif;
background: #fefefe url(images/bg.png) top repeat-x; color: #000; text-align: center; }
a { color: #825900; outline: none; }
a:hover { color: #000; }
a:active { color: #ab7500; }
input[type=text], input[type=password], textarea, select { padding: 2px; border: 1px solid; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
background-color: #fff; border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;}
input[type=text]:focus, input[type=password]:hover, input[type=password]:focus, input[type=text]:hover, textarea:focus, textarea:hover, select:focus, select:hover {
border-color: #d6a140 #efd9b2 #f3e3c6 #f2e1c1;
}
input { font-size: 13px; }
input.required, textarea.required { border-color: #dea110 #f1c354 #f2d58f #f2d58f !important; background-color: #fff8e9; }
.inline-label-focus { color: #000 !important; }
.inline-label { color: #85878d; }
.plain-border { border: 1px solid #4c4c4c; }
.centered { display: block; margin-left: auto; margin-right: auto; }
h1 { margin: 0; padding: 0; }
.blog-name { color: #000; font-size: 36px; margin: 15px 0 0; }
.blog-name a { color: inherit; text-decoration: none; }
.blog-description { font-size: 14px; font-weight: bold; font-family: arial, sans-serif; margin: 0 0 35px; }
.image-link { display: block; text-indent: -9999em; }
ul.common li { padding: 2px 0 3px 23px; background: url(images/arrow-bullet.gif) 4px 5px no-repeat; }
.postmetadata { font-size: 12px; color: #9e9e9e; margin: 3px 0 0; }
.postmetadata a { color: #9e9e9e; }
.postmetadata a:hover { color: #000; }
.postinfobar { padding: 3px; font-size: 12px; border-top: 1px dotted #a8906b; overflow: hidden; width: 100%; }
.postinfobar .comments { float: right; font-weight: bold; }
.altbar { margin-top: 8px; }
.entry p { margin-top: 4px; line-height: 1.5em; color: #222222; font-family: sans-serif; }
#sidebar { padding: 6px 0 8px; }
#searchform-sidebar .search { border-color: #daba82; border-width: 2px; }
#searchform-sidebar .search:focus, #searchform-sidebar .search:hover { border-color: #d6a140; }
#searchform-sidebar { margin: 12px 0 0; padding: 0 0 12px; position: relative; border-bottom: 1px dotted #a8906b; }
#s-sidebar { width: 191px; vertical-align: middle; margin: 0; }
#searchsubmit-sidebar { position: absolute; right: 3px; top: 2px; }
.dextronet-sidebar-ad-box p { margin: 0 !important; }
.dextronet-sidebar-ad-box img { margin-top: 5px; }
.dextronet-sidebar-ad-box .download { display: block; margin-top: 8px; padding: 5px 0; color: #fff; font-weight: bold; text-align: center; background: #5caf1f;
text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
.dextronet-sidebar-ad-box .download:hover { background: #825900; }
#facebook_like iframe { height: 35px !important; }
.tip { margin: 10px 0; border: 1px solid #d2d24b; padding: 3px 5px 3px 26px;
background: #ffffbb url(images/icons/lightbulb.gif) 5px 50% no-repeat; }
.dextronet-newsletter-box { margin-top: 10px; background: #e1effc url(images/ss-bg.gif.html) 0 0 no-repeat; }
.dextronet-newsletter-box img { margin: 5px; }
.dextronet-newsletter-box form { padding: 5px; font-size: 12px; text-align: center; background: url(images/ss-bg.gif.html) 100% 100% no-repeat; }
.dextronet-newsletter-box div { padding: 3px 0; }
.dextronet-newsletter-box .email { width: 135px; }
.dextronet-newsletter-box input { margin-bottom: 3px; }
.dextronet-feeds { margin: 15px 0 0; padding-bottom: 12px; border-bottom: 1px dotted #a8906b; }
.dextronet-feeds .links { margin: 0 !important; list-style: none; padding: 0 !important; }
.dextronet-feeds .links li { margin: 0 !important; }
.dextronet-feeds .links a { padding: 7px 0 10px 37px; display: block; }
.dextronet-feeds .links .rss { background: url(images/rss.png) 0 50% no-repeat; }
.dextronet-feeds .links .twitter { background: url(images/twitter.png) 0 50% no-repeat; }
.product-ad { overflow: hidden; width: 100%; margin: 25px 0; border: 1px solid #86bcea; border-left: none; border-right: none; padding: 8px 0; }
.product-ad .screenshot { float: left; margin: 0 15px 0 0; }
.product-ad h3 { font-size: 26px; margin: 0; }
.product-ad p { font-size: 16px; margin: 0; font-weight: bold; }
.product-ad .buttons { padding-top: 14px; }
.entry { padding-top: 10px; }
.entry h1, .entry h2 { color: #000; padding: 0; margin: 0; }
.entry h1 { font-size: 1.2em; margin: 20px 0 10px; }
.entry h2 { font-size: 1em; margin: 20px 0 8px; }
.dbtn-c {
border-bottom: 1px solid #ecdfb9;
border-right: 1px solid #ecdfb9;
display: inline-block;
}
.dbtn-w {
background: #efe5c6;
border-color: #ac995e #9f8d55 #9f8d55 #ac995e;
border-style: solid;
border-width: 1px;
display: block;
height: 30px;
}
.dbtn {
background: url(../../../../images/dbtn.png) repeat-x;
border: none;
color: #000000;
cursor: pointer;
font: 15px arial, sans-serif;
height: 30px;
margin: 0;
outline: none;
vertical-align: top;
padding-left: 15px;
padding-right: 15px;
}
a.dbtn { display: block; height: 30px; line-height: 30px; text-decoration: none; }
.dbtn:active { background: #decd9b; }
.dbtn-hilight { border-color: #cfe3a6; }
.dbtn-hilight .dbtn-w {
background: #e8f2d3;
border-color: #9bc842 #84b12a #84b12a #9bc842;
}
.dbtn-hilight .dbtn { background-image: url(../../../../images/dbtn-hilight.png); font-weight: bold; }
.dbtn-hilight .dbtn:active { background: #bad782; }
/* MAIN STRUCTURE */
.d-main { float: left; width: 650px; }
.d-sidebar { float: right; width: 200px; }
.d-placing { margin: auto; text-align: left; width: 900px; }
.d-page { position: relative; min-height: 100%; }
.d-header { height: 47px; }
.d-logo { float: right; margin-top: 15px; }
.d-menu { float: left; margin: 0; padding: 0; }
.d-menu li { float: left; position: relative; padding-right: 35px !important; list-style: none; }
.d-menu .menu-item { display: block; position: relative; z-index: 99; padding: 12px 0 1px; color: #fff; text-decoration: none; }
.d-menu .active .menu-item { border-bottom: 1px solid #bb983b; padding-bottom: 2px; }
.d-menu .menu-item:hover { border-bottom: 2px solid #bb983b; padding-bottom: 1px; color: #fff; }
.d-menu .featured { color: #fecb33 !important; }
.d-menu .dropdown { position: absolute; top: 30px; left: -20px; width: 250px; }
.d-menu .dropdown .outer { position: relative; z-index: 97; padding-left: 6px; background: url(../../../../images/dropdown-o.png) 0 100% no-repeat; }
.d-menu .dropdown .shadowbox { position: relative; z-index: 98; padding: 0 8px 8px 0; background: url(../../../../images/dropdown-s.png) 100% 100% no-repeat; }
.d-menu .dropdown .inner { position: relative; overflow: auto; height: 100%; z-index: 99; padding: 12px 14px; background: #362919; border: 1px solid #1c1410; border-top: none; }
.d-menu .dropdown a, .d-menu .dropdown a:hover { color: #fff; }
.dropdown-submenu .inner { padding: 10px 0 0 !important; }
.dropdown-submenu a { padding: 10px 14px; display: block; text-decoration: none; }
.dropdown-submenu a:hover { background-color: #bb983b; }
.dropdown-submenu li { padding: 0; margin: 0; }
.dropdown-submenu img { display: block; float: left; margin: 4px 10px 0 0; }
.dropdown .featured-item { font-size: 16px; font-weight: bold; }
.dropdown .subline { display: block; font-size: 12px; color: #fff; padding-top: 3px; }
.dropdown .dropdown-category { background-color: #876234; color: #fff; font-weight: bold; padding: 5px 8px; }
.d-content-wrap { padding-bottom: 80px; overflow: hidden; height: 100%; padding-top: 40px }
.d-footer { position: absolute; bottom: 0; right: 0; width: 100%; padding: 13px 0 17px; color: #fff; font-size: 11px;
background: #3a2c18 url(images/footer-bg.png) repeat-x; }
.d-footer a { color: #fff; }
.d-footer a:hover { color: #f4c179; }
.d-footer .copy { font-size: 11px; padding-left: 140px; background: url(../../../../images/dextronet.gif) 0 12px no-repeat; }
.d-footer .social { padding: 10px 0 4px; }
.d-footer .social span { padding: 0 3px; }
/* /MAIN STRUCTURE */
/* /COWL THEME */
#page {
background-color: white;
border: 1px solid #959596;
text-align: left;
}
.widecolumn .entry p {
font-size: 1.05em;
}
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}
.widecolumn {
line-height: 1.6em;
}
.narrowcolumn .postmetadata {
text-align: center;
}
.thread-alt {
background-color: #f8f8f8;
}
.thread-even {
background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}
small {
font-family: arial, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}
h2, h3 {
font-family: arial, helvetica, Sans-Serif;
font-weight: bold;
}
#headerimg .description {
font-size: 1.2em;
text-align: center;
}
h2 {
font-size: 1.70em;
}
h2.pagetitle {
font-size: 1.55em;
}
#sidebar h2 {
font-family: arial, Helvetica, Sans-Serif;
font-size: 1.1em;
}
h3 {
font-size: 1.25em;
}
#headerimg .description {
text-decoration: none;
color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #000;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}
h2 a:hover { color: #000; }
.entry p a:visited {
color: #585348;
}
.sticky {
background: #f7f7f7;
padding: 0 10px 10px;
}
.sticky h2 {
padding-top: 10px;
}
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em arial, helvetica, Sans-Serif;
}
.commentlist li ul li {
font-size: 1em;
}
.commentlist li {
font-weight: bold;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
text-decoration: none;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: arial, Sans-Serif;
}
.commentmetadata {
font-weight: normal;
}
#sidebar {
font: 1em arial, Sans-Serif;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, blockquote, strike {
color: #777;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}
#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 1.3em arial, Sans-Serif;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */
/* Begin Structure */
body {
margin: 0;
padding: 0;
}
#page {
background-color: white;
margin: 20px auto;
padding: 0;
width: 760px;
border: 1px solid #959596;
}
.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}
.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}
.post {
margin: 0 0 40px;
}
.post hr {
display: block;
}
.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}
.postmetadata {
clear: both;
}
.clear {
clear: both;
}
#footer {
padding: 0;
margin: 0 auto;
width: 760px;
clear: both;
}
#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* End Structure */
/* Begin Headers */
h2 {
margin: 25px 0 0;
}
h2.pagetitle {
margin-top: 30px;
text-align: center;
}
#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}
h3 {
padding: 0;
margin: 30px 0 0;
}
h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}
html>body .entry li {
margin: 7px 0 8px 10px;
}
.entry ul li:before {
content: "\00BB \0020";
}
.entry ol {
padding: 0 0 0 35px;
margin: 0;
}
.entry ol li {
margin: 0;
padding: 0;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin: 0;
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */
/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#respond:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
/* End Form Elements */
/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;
}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
.children { padding: 0; }
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */
/* Begin Sidebar */
#sidebar form {
margin: 0;
}
/* End Sidebar */
/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden {
display: none;
}
.screen-reader-text {
position: absolute;
left: -1000em;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/
/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */
/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
It won't be a stylish marriage, I can't afford a carriage.
But you'll look sweet upon the seat of a bicycle built for two." */

BIN
public/blog/wp-content/uploads/2011/01/is-full-300x229.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 23 KiB

BIN
public/blog/wp-content/uploads/2011/01/is-full.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 143 KiB

BIN
public/blog/wp-content/uploads/2011/01/is-highlight-300x229.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 20 KiB

BIN
public/blog/wp-content/uploads/2011/01/is-highlight.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 120 KiB

BIN
public/blog/wp-content/uploads/2011/01/stdl-full-300x206.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 21 KiB

BIN
public/blog/wp-content/uploads/2011/01/stdl-full.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 125 KiB

BIN
public/blog/wp-content/uploads/2011/01/stdl-highlight-300x206.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 18 KiB

BIN
public/blog/wp-content/uploads/2011/01/stdl-highlight.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 106 KiB

BIN
public/blog/wp-content/uploads/2011/02/borders-150x150.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
public/blog/wp-content/uploads/2011/02/borders-300x300.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 30 KiB

BIN
public/blog/wp-content/uploads/2011/02/borders.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 53 KiB

BIN
public/blog/wp-content/uploads/2011/02/extra-graphics-150x150.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 27 KiB

BIN
public/blog/wp-content/uploads/2011/02/extra-graphics-300x300.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 56 KiB

BIN
public/blog/wp-content/uploads/2011/02/extra-graphics.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
public/blog/wp-content/uploads/2011/02/screenshot-300x196.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 20 KiB

BIN
public/blog/wp-content/uploads/2011/02/screenshot.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 81 KiB

BIN
public/blog/wp-content/uploads/2011/03/screen-styles-238x300.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 82 KiB

BIN
public/blog/wp-content/uploads/2011/03/screen-styles.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB

BIN
public/blog/wp-content/uploads/2011/05/cowl-blog-1-300x176.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 40 KiB

BIN
public/blog/wp-content/uploads/2011/05/cowl-blog-1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 23 KiB

BIN
public/blog/wp-content/uploads/2011/05/cowl-blog-2-300x134.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 27 KiB

BIN
public/blog/wp-content/uploads/2011/05/cowl-blog-2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.3 KiB

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