ComponentOwl.com Astro conversion — 16 pages
This commit is contained in:
Jarvis Prime
121
src/pages/better-listview.astro
Normal file
121
src/pages/better-listview.astro
Normal file
@@ -0,0 +1,121 @@
|
||||
---
|
||||
import Base from '../layouts/Base.astro';
|
||||
---
|
||||
<Base title="Better ListView for .NET (C#, VB) - Alternative list view component" description="Better ListView is an alternative List View control - the ideal replacement for the regular .NET listview component. For WinForms C#/VB.net.">
|
||||
|
||||
<div class="max-w-6xl mx-auto px-4 py-10">
|
||||
<h1 class="text-3xl font-bold text-owl-blue mb-2">Better ListView: Alternative list view control for .NET</h1>
|
||||
<p class="text-gray-600 mb-8">Ideal .NET WinForms (C#, VB.net) replacement list view component. More features, less limitations, fast and optimized.</p>
|
||||
|
||||
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
||||
<!-- Main content -->
|
||||
<div class="lg:col-span-2">
|
||||
<!-- Tab nav -->
|
||||
<div class="flex gap-2 border-b border-gray-200 mb-6 flex-wrap">
|
||||
<span class="px-4 py-2 border-b-2 border-owl-blue text-owl-blue font-medium text-sm">Overview</span>
|
||||
<a href="/better-listview/screenshots" class="px-4 py-2 text-gray-500 hover:text-owl-blue text-sm">Screenshots</a>
|
||||
<a href="/better-listview/comparison-table" class="px-4 py-2 text-gray-500 hover:text-owl-blue text-sm">Comparison</a>
|
||||
<a href="/better-listview/resources" class="px-4 py-2 text-gray-500 hover:text-owl-blue text-sm">Resources</a>
|
||||
<a href="/better-listview/story" class="px-4 py-2 text-gray-500 hover:text-owl-blue text-sm">Story</a>
|
||||
</div>
|
||||
|
||||
<ul class="space-y-2 text-sm text-gray-700 mb-6">
|
||||
{[
|
||||
'Better ListView is a <strong>list view control for .NET Windows Forms</strong>',
|
||||
'Designed as a replacement for the regular .NET list view control.',
|
||||
'Compatible with: Visual Studio 2015, 2013, 2012, 2010, 2008, 2005, with full designer support.',
|
||||
'For C#, Visual Basic .NET (VB.NET), managed C++, and other CLI languages.',
|
||||
'Compatible with .NET 4.5, .NET 4, .NET 3.5, .NET 3, .NET 2, and newer. Supports .NET Client Profile.',
|
||||
'Runs on Windows 10, 8, 7, Vista, 2003, XP, 2000, and newer, both 32-bit and 64-bit.',
|
||||
'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.',
|
||||
'<strong>Minimum learning needed</strong>. Better ListView can be used just like the regular list view.',
|
||||
'Written in <strong>pure managed C# code</strong>. It is fast, <strong>light-weight</strong> and optimized for 10k+ items.',
|
||||
'Easy royalty-free deployment. Single DLL file that has just 250kB when compressed.',
|
||||
'The assembly is <strong>FIPS-compliant</strong>, CLS-compliant, <strong>digitally signed</strong> and strongly named.',
|
||||
'Tested in the real world by thousands of users.',
|
||||
].map(item => (
|
||||
<li class="flex gap-2"><span class="text-green-500 mt-0.5 shrink-0">✓</span><span set:html={item}></span></li>
|
||||
))}
|
||||
</ul>
|
||||
|
||||
<div class="bg-blue-50 border border-blue-200 rounded p-4 mb-6 text-center">
|
||||
<img src="http://assets.componentowl.com/images/7/Overview Collage_original_1367470843.png?1367445643" alt="Better ListView control" class="mx-auto max-w-full rounded" />
|
||||
</div>
|
||||
|
||||
<h2 class="text-xl font-bold text-owl-blue mt-8 mb-3">Extra features summary</h2>
|
||||
<p class="text-sm text-gray-700 mb-6">Better ListView is fast and flicker-free, supports hierarchical items, has improved grouping, better drag & 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.</p>
|
||||
|
||||
<div class="bg-blue-50 border-l-4 border-owl-blue p-4 rounded-r mb-6">
|
||||
<p class="text-sm italic text-gray-700">"Component Owl created <strong>the one and only tool I don't want to be without when it comes to software developing in Visual Studio</strong>. Also, I've been working as software user/developer for the last 26 years, and <strong>I have never before experienced a support that really goes the needed extra mile to make things work</strong>, like the guys at Component Owl do."</p>
|
||||
<p class="text-xs text-gray-500 mt-2">— Göran Alfvén, Sweden</p>
|
||||
</div>
|
||||
|
||||
{[
|
||||
{ title: 'Hierarchical items', body: 'You can create tree-like structures in Better ListView; inbuilt drag & drop hierarchical reordering of items.' },
|
||||
{ title: 'Improved grouping', body: 'Better grouping – customizable group headers look and behavior, collapsible, image support, context menu support, focusable, etc. Each group header can be customized individually.' },
|
||||
{ title: 'Save/load contents with 1 line of code', body: '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.' },
|
||||
{ title: 'Double-buffered and flicker free', body: '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.' },
|
||||
{ title: 'Column header images', body: 'You can use images in column headers. Custom image sizes are supported.' },
|
||||
{ title: 'Sub-item images', body: '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).' },
|
||||
{ title: 'Multi-column sorting', body: '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.' },
|
||||
{ title: 'Inbuilt sorting and natural sorting', body: 'Better ListView has inbuilt list view sorting that works out of the box. You no longer need to implement your own item comparer.' },
|
||||
{ title: 'Thumbnails view mode', body: '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.' },
|
||||
{ title: 'Checkboxes in all views', body: 'You can have checkboxes in LargeIcons view, SmallIcons view, List view, Thumbnails view and of course also in the Details view.' },
|
||||
{ title: 'Three state checkboxes', body: 'Three state checkboxes are supported in Better ListView.' },
|
||||
{ title: 'Powerful list view tooltips', body: '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, and even for custom areas.' },
|
||||
{ title: 'XML and binary serialization of everything', body: 'Every part of Better ListView (items, sub-items, column headers) can be both binary and XML serialized.' },
|
||||
{ title: 'Owner drawing', body: '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.' },
|
||||
{ title: 'Multi-line items', body: 'Better ListView supports multi-line items. Items with very long text can be displayed on multiple lines. Highly customizable and powerful.' },
|
||||
{ title: 'Background image support', body: 'Display background image in Better ListView easily using the BackgroundImage property. Many layouts (stretch, tile, none), alignments, and customizable opacity are supported.' },
|
||||
{ title: 'Context menu for column headers, list items, and empty area', body: 'Better ListView supports 3 types of context menus: Column header context menu, list view items context menu, and empty area context menu.' },
|
||||
{ title: 'Embed controls for item editing', body: '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.' },
|
||||
{ title: 'Customizable search-by-typing', body: 'Better ListView has excellent customization functionality for find-as-you-type item searching. The search modes include: Prefix, Substring, Prefix + Substring, or Disabled.' },
|
||||
{ title: 'Display text when the list view is empty', body: '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.' },
|
||||
].map(f => (
|
||||
<div class="mb-5">
|
||||
<h3 class="font-bold text-owl-blue mb-1">{f.title}</h3>
|
||||
<p class="text-sm text-gray-700">{f.body}</p>
|
||||
</div>
|
||||
))}
|
||||
|
||||
<h2 class="text-xl font-bold text-owl-blue mt-8 mb-4">More advantages of our improved list view component:</h2>
|
||||
<ul class="space-y-3 text-sm text-gray-700">
|
||||
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span><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. <strong>Save time and ship sooner</strong>.</span></li>
|
||||
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span><strong>Better ListView has improved usability and fixed behavior</strong>. Better ListView mimics behavior and look & feel of the Windows Explorer list view to leverage the existing user knowledge.</span></li>
|
||||
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span><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.</span></li>
|
||||
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span><strong>Tested in real world applications by thousands of users</strong>: Because Better ListView is used in professional consumer desktop software applications, thousands of users work with Better ListView every day.</span></li>
|
||||
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span>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.</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Sidebar -->
|
||||
<div class="space-y-6">
|
||||
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
|
||||
<a href="/better-listview.html" class="block bg-green-500 hover:bg-green-600 text-white text-center font-semibold py-3 px-4 rounded mb-3 transition text-sm">Download Free Trial — With sample projects</a>
|
||||
<a href="/pricing-licensing/better-listview.html" class="block bg-orange-500 hover:bg-orange-600 text-white text-center font-semibold py-3 px-4 rounded mb-3 transition text-sm">See Pricing & Licensing</a>
|
||||
<p class="text-xs text-gray-500 text-center">Version 3.15 / May 27, 2015</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
|
||||
<p class="font-semibold text-sm mb-3">Seamless integration with .NET 2.0 and higher</p>
|
||||
<ul class="space-y-2 text-sm">
|
||||
<li><a href="/better-listview/quick-start-guide" class="text-owl-blue-light hover:underline">See Quick Start Guide</a></li>
|
||||
<li><a href="/better-listview/documentation" class="text-owl-blue-light hover:underline">See Documentation</a></li>
|
||||
<li><a href="/better-listview/class-reference" class="text-owl-blue-light hover:underline">See Class Reference</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="bg-blue-50 border-l-4 border-owl-blue p-4 rounded-r">
|
||||
<p class="text-sm italic text-gray-700">"The control is <strong>very easy and intuitive to use and is well documented</strong>."</p>
|
||||
<p class="text-xs text-gray-500 mt-2">— DevProConnections.com Review</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-blue-50 border-l-4 border-owl-blue p-4 rounded-r">
|
||||
<p class="text-sm italic text-gray-700">"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."</p>
|
||||
<p class="text-xs text-gray-500 mt-2">— Daniel N, USA</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Base>
|
||||
Reference in New Issue
Block a user