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

Fix all QA audit findings: output format, 404 page, broken images, blog redirects

Browse Source
This commit is contained in:
Jarvis Prime
2026-03-24 06:13:55 +00:00
parent 31f2a3ad4d
commit 5cf2905cec
59 changed files with 170 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
astro.config.mjs
View File

@@ -4,6 +4,6 @@ export default defineConfig({
site: 'https://www.componentowl.com', site: 'https://www.componentowl.com',
trailingSlash: 'never', trailingSlash: 'never',
build: { build: {
format: 'file', format: 'directory',
}, },
}); });

103
public/_redirects Normal file
View File

@@ -0,0 +1,103 @@
# Redirect old WordPress ?p= URLs to clean slugs
/blog/index.html%3Fp%3D103.html /blog/displaying-thumbnails-with-borders-and-shadows 301
/blog/index.html%3Fp%3D119.html /blog/better-listview-150-released 301
/blog/index.html%3Fp%3D129.html /blog/what-we-are-working-on-groups-item-hierarchy-support 301
/blog/index.html%3Fp%3D189.html /blog/how-to-change-list-view-mouse-wheel-scroll-speed 301
/blog/index.html%3Fp%3D204.html /blog/work-in-progress-groups-item-hierarchy-features 301
/blog/index.html%3Fp%3D213.html /blog/better-listview-152-released 301
/blog/index.html%3Fp%3D232.html /blog/better-listview-20-sneak-peek-item-hierarchy-groups-more 301
/blog/index.html%3Fp%3D260.html /blog/list-view-drag-and-drop-item-reorder-sort 301
/blog/index.html%3Fp%3D278.html /blog/better-listview-20-samples-launcher 301
/blog/index.html%3Fp%3D287.html /blog/windows-theme-support-in-better-listview 301
/blog/index.html%3Fp%3D304.html /blog/better-listview-200-released 301
/blog/index.html%3Fp%3D330.html /blog/how-to-hide-a-column-in-better-listview 301
/blog/index.html%3Fp%3D34.html /blog/better-listview-released 301
/blog/index.html%3Fp%3D340.html /blog/file-explorer-with-better-listview 301
/blog/index.html%3Fp%3D348.html /blog/coming-soon-better-listview-21-optimized-for-performance 301
/blog/index.html%3Fp%3D359.html /blog/better-listview-21-optimizations-done-minor-features-and-testing 301
/blog/index.html%3Fp%3D373.html /blog/better-listview-210-released 301
/blog/index.html%3Fp%3D398.html /blog/how-to-display-items-in-custom-states 301
/blog/index.html%3Fp%3D40.html /blog/synergy-of-better-listview-and-our-applications 301
/blog/index.html%3Fp%3D437.html /blog/vertical-alignment-and-text-wrapping-in-better-listview 301
/blog/index.html%3Fp%3D450.html /blog/displaying-multi-line-text-in-listview 301
/blog/index.html%3Fp%3D468.html /blog/how-to-dynamically-resize-focused-item 301
/blog/index.html%3Fp%3D476.html /blog/non-selectable-items-in-better-listview 301
/blog/index.html%3Fp%3D478.html /blog/combined-items-in-better-listview 301
/blog/index.html%3Fp%3D480.html /blog/custom-behavior-of-group-headers-in-better-listview 301
/blog/index.html%3Fp%3D482.html /blog/read-only-mode-in-better-listview 301
/blog/index.html%3Fp%3D546.html /blog/hiding-items-in-better-listview 301
/blog/index.html%3Fp%3D664.html /blog/are-you-a-zen-coder-or-distraction-junkie 301
/blog/index.html%3Fp%3D753.html /blog/custom-spacing-between-items-in-details-view 301
/blog/index.html%3Fp%3D760.html /blog/custom-item-height-in-details-view-of-better-listview 301
/blog/index.html%3Fp%3D771.html /blog/customize-label-editing-embedded-control-for-each-line-in-better-listview 301
/blog/index.html%3Fp%3D780.html /blog/right-aligned-images-in-better-listview 301
/blog/index.html%3Fp%3D796.html /blog/how-to-store-better-listview-content-in-a-string-user-request 301
/blog/index.html%3Fp%3D803.html /blog/hiding-column-headers-in-better-listview 301
/blog/index.html%3Fp%3D808.html /blog/better-listview-tip-how-to-draw-custom-selection 301
/blog/index.html%3Fp%3D823.html /blog/better-thumbnail-browser-component-released 301
/blog/index.html%3Fp%3D831.html /blog/custom-label-edit-how-to-rename-file-names-without-extension-in-better-listview 301
/blog/index.html%3Fp%3D843.html /blog/enabling-search-highlight-in-better-listview 301
/blog/index.html%3Fp%3D850.html /blog/binding-images-in-better-listview 301
/blog/index.html%3Fp%3D861.html /blog/hot-tracking-items-in-better-listview 301
/blog/index.html%3Fp%3D868.html /blog/how-to-make-items-fading-on-edges-in-better-listview 301
/blog/index.html%3Fp%3D878.html /blog/custom-scroll-bar-size-in-better-listview 301
/blog/index.html%3Fp%3D882.html /blog/search-filtering-in-better-listview 301
/blog/index.html%3Fp%3D888.html /blog/alternating-rows-in-better-listview 301
/blog/index.html%3Fp%3D894.html /blog/how-to-add-grid-lines-in-empty-space-in-better-listview 301
/blog/index.html%3Fp%3D901.html /blog/sub-item-check-boxes-in-better-listview 301
/blog/index.html%3Fp%3D906.html /blog/centering-images-in-better-listview-sub-items 301
/blog/index.html%3Fp%3D914.html /blog/blv-and-internet-explorer 301
/blog/index.html%3Fp%3D921.html /blog/the-three-main-advantages-better-listview-has-over-the-classic-net-framework 301
/blog/index.html%3Fp%3D927.html /blog/activation-issues-and-how-to-solve-them 301
/blog/index.html%3Fp%3D93.html /blog/better-listview-reviewed-at-devproconnectionscom 301
/blog/index.html%3Fp=103.html /blog/displaying-thumbnails-with-borders-and-shadows 301
/blog/index.html%3Fp=119.html /blog/better-listview-150-released 301
/blog/index.html%3Fp=129.html /blog/what-we-are-working-on-groups-item-hierarchy-support 301
/blog/index.html%3Fp=189.html /blog/how-to-change-list-view-mouse-wheel-scroll-speed 301
/blog/index.html%3Fp=204.html /blog/work-in-progress-groups-item-hierarchy-features 301
/blog/index.html%3Fp=213.html /blog/better-listview-152-released 301
/blog/index.html%3Fp=232.html /blog/better-listview-20-sneak-peek-item-hierarchy-groups-more 301
/blog/index.html%3Fp=260.html /blog/list-view-drag-and-drop-item-reorder-sort 301
/blog/index.html%3Fp=278.html /blog/better-listview-20-samples-launcher 301
/blog/index.html%3Fp=287.html /blog/windows-theme-support-in-better-listview 301
/blog/index.html%3Fp=304.html /blog/better-listview-200-released 301
/blog/index.html%3Fp=330.html /blog/how-to-hide-a-column-in-better-listview 301
/blog/index.html%3Fp=34.html /blog/better-listview-released 301
/blog/index.html%3Fp=340.html /blog/file-explorer-with-better-listview 301
/blog/index.html%3Fp=348.html /blog/coming-soon-better-listview-21-optimized-for-performance 301
/blog/index.html%3Fp=359.html /blog/better-listview-21-optimizations-done-minor-features-and-testing 301
/blog/index.html%3Fp=373.html /blog/better-listview-210-released 301
/blog/index.html%3Fp=398.html /blog/how-to-display-items-in-custom-states 301
/blog/index.html%3Fp=40.html /blog/synergy-of-better-listview-and-our-applications 301
/blog/index.html%3Fp=437.html /blog/vertical-alignment-and-text-wrapping-in-better-listview 301
/blog/index.html%3Fp=450.html /blog/displaying-multi-line-text-in-listview 301
/blog/index.html%3Fp=468.html /blog/how-to-dynamically-resize-focused-item 301
/blog/index.html%3Fp=476.html /blog/non-selectable-items-in-better-listview 301
/blog/index.html%3Fp=478.html /blog/combined-items-in-better-listview 301
/blog/index.html%3Fp=480.html /blog/custom-behavior-of-group-headers-in-better-listview 301
/blog/index.html%3Fp=482.html /blog/read-only-mode-in-better-listview 301
/blog/index.html%3Fp=546.html /blog/hiding-items-in-better-listview 301
/blog/index.html%3Fp=664.html /blog/are-you-a-zen-coder-or-distraction-junkie 301
/blog/index.html%3Fp=753.html /blog/custom-spacing-between-items-in-details-view 301
/blog/index.html%3Fp=760.html /blog/custom-item-height-in-details-view-of-better-listview 301
/blog/index.html%3Fp=771.html /blog/customize-label-editing-embedded-control-for-each-line-in-better-listview 301
/blog/index.html%3Fp=780.html /blog/right-aligned-images-in-better-listview 301
/blog/index.html%3Fp=796.html /blog/how-to-store-better-listview-content-in-a-string-user-request 301
/blog/index.html%3Fp=803.html /blog/hiding-column-headers-in-better-listview 301
/blog/index.html%3Fp=808.html /blog/better-listview-tip-how-to-draw-custom-selection 301
/blog/index.html%3Fp=823.html /blog/better-thumbnail-browser-component-released 301
/blog/index.html%3Fp=831.html /blog/custom-label-edit-how-to-rename-file-names-without-extension-in-better-listview 301
/blog/index.html%3Fp=843.html /blog/enabling-search-highlight-in-better-listview 301
/blog/index.html%3Fp=850.html /blog/binding-images-in-better-listview 301
/blog/index.html%3Fp=861.html /blog/hot-tracking-items-in-better-listview 301
/blog/index.html%3Fp=868.html /blog/how-to-make-items-fading-on-edges-in-better-listview 301
/blog/index.html%3Fp=878.html /blog/custom-scroll-bar-size-in-better-listview 301
/blog/index.html%3Fp=882.html /blog/search-filtering-in-better-listview 301
/blog/index.html%3Fp=888.html /blog/alternating-rows-in-better-listview 301
/blog/index.html%3Fp=894.html /blog/how-to-add-grid-lines-in-empty-space-in-better-listview 301
/blog/index.html%3Fp=901.html /blog/sub-item-check-boxes-in-better-listview 301
/blog/index.html%3Fp=906.html /blog/centering-images-in-better-listview-sub-items 301
/blog/index.html%3Fp=914.html /blog/blv-and-internet-explorer 301
/blog/index.html%3Fp=921.html /blog/the-three-main-advantages-better-listview-has-over-the-classic-net-framework 301
/blog/index.html%3Fp=927.html /blog/activation-issues-and-how-to-solve-them 301
/blog/index.html%3Fp=93.html /blog/better-listview-reviewed-at-devproconnectionscom 301

0
public/blog/index.html%3Fp=927.html → src/data/blog/activation-issues-and-how-to-solve-them/index.html
View File

0
public/blog/index.html%3Fp=888.html → src/data/blog/alternating-rows-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=664.html → src/data/blog/are-you-a-zen-coder-or-distraction-junkie/index.html
View File

0
public/blog/index.html%3Fp=119.html → src/data/blog/better-listview-150-released/index.html
View File

0
public/blog/index.html%3Fp=213.html → src/data/blog/better-listview-152-released/index.html
View File

0
public/blog/index.html%3Fp=278.html → src/data/blog/better-listview-20-samples-launcher/index.html
View File

0
public/blog/index.html%3Fp=232.html → src/data/blog/better-listview-20-sneak-peek-item-hierarchy-groups-more/index.html
View File

0
public/blog/index.html%3Fp=304.html → src/data/blog/better-listview-200-released/index.html
View File

0
public/blog/index.html%3Fp=359.html → src/data/blog/better-listview-21-optimizations-done-minor-features-and-testing/index.html
View File

0
public/blog/index.html%3Fp=373.html → src/data/blog/better-listview-210-released/index.html
View File

0
public/blog/index.html%3Fp=34.html → src/data/blog/better-listview-released/index.html
View File

0
public/blog/index.html%3Fp=93.html → src/data/blog/better-listview-reviewed-at-devproconnectionscom/index.html
View File

0
public/blog/index.html%3Fp=808.html → src/data/blog/better-listview-tip-how-to-draw-custom-selection/index.html
View File

0
public/blog/index.html%3Fp=823.html → src/data/blog/better-thumbnail-browser-component-released/index.html
View File

0
public/blog/index.html%3Fp=850.html → src/data/blog/binding-images-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=914.html → src/data/blog/blv-and-internet-explorer/index.html
View File

0
public/blog/index.html%3Fp=906.html → src/data/blog/centering-images-in-better-listview-sub-items/index.html
View File

0
public/blog/index.html%3Fp=478.html → src/data/blog/combined-items-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=348.html → src/data/blog/coming-soon-better-listview-21-optimized-for-performance/index.html
View File

0
public/blog/index.html%3Fp=480.html → src/data/blog/custom-behavior-of-group-headers-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=760.html → src/data/blog/custom-item-height-in-details-view-of-better-listview/index.html
View File

0
public/blog/index.html%3Fp=831.html → src/data/blog/custom-label-edit-how-to-rename-file-names-without-extension-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=878.html → src/data/blog/custom-scroll-bar-size-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=753.html → src/data/blog/custom-spacing-between-items-in-details-view/index.html
View File

0
public/blog/index.html%3Fp=771.html → src/data/blog/customize-label-editing-embedded-control-for-each-line-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=450.html → src/data/blog/displaying-multi-line-text-in-listview/index.html
View File

0
public/blog/index.html%3Fp=103.html → src/data/blog/displaying-thumbnails-with-borders-and-shadows/index.html
View File

0
public/blog/index.html%3Fp=843.html → src/data/blog/enabling-search-highlight-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=340.html → src/data/blog/file-explorer-with-better-listview/index.html
View File

0
public/blog/index.html%3Fp=803.html → src/data/blog/hiding-column-headers-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=546.html → src/data/blog/hiding-items-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=861.html → src/data/blog/hot-tracking-items-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=894.html → src/data/blog/how-to-add-grid-lines-in-empty-space-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=189.html → src/data/blog/how-to-change-list-view-mouse-wheel-scroll-speed/index.html
View File

0
public/blog/index.html%3Fp=398.html → src/data/blog/how-to-display-items-in-custom-states/index.html
View File

0
public/blog/index.html%3Fp=468.html → src/data/blog/how-to-dynamically-resize-focused-item/index.html
View File

0
public/blog/index.html%3Fp=330.html → src/data/blog/how-to-hide-a-column-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=868.html → src/data/blog/how-to-make-items-fading-on-edges-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=796.html → src/data/blog/how-to-store-better-listview-content-in-a-string-user-request/index.html
View File

0
public/blog/index.html%3Fp=260.html → src/data/blog/list-view-drag-and-drop-item-reorder-sort/index.html
View File

0
public/blog/index.html%3Fp=476.html → src/data/blog/non-selectable-items-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=482.html → src/data/blog/read-only-mode-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=780.html → src/data/blog/right-aligned-images-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=882.html → src/data/blog/search-filtering-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=901.html → src/data/blog/sub-item-check-boxes-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=40.html → src/data/blog/synergy-of-better-listview-and-our-applications/index.html
View File

0
public/blog/index.html%3Fp=921.html → src/data/blog/the-three-main-advantages-better-listview-has-over-the-classic-net-framework/index.html
View File

0
public/blog/index.html%3Fp=437.html → src/data/blog/vertical-alignment-and-text-wrapping-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=129.html → src/data/blog/what-we-are-working-on-groups-item-hierarchy-support/index.html
View File

0
public/blog/index.html%3Fp=287.html → src/data/blog/windows-theme-support-in-better-listview/index.html
View File

0
public/blog/index.html%3Fp=204.html → src/data/blog/work-in-progress-groups-item-hierarchy-features/index.html
View File

12
src/layouts/Base.astro
View File

@@ -541,15 +541,15 @@ const isHome = currentPath === '/';
<div class="left"> <div class="left">
<div class="latest-posts"> <div class="latest-posts">
<h3 class="latest_from_blog"><a href="/blog">Latest From Our Blog</a></h3> <h3 class="latest_from_blog"><a href="/blog">Latest From Our Blog</a></h3>
<h4><a href="/blog/index.html%3Fp=927.html">Activation issues and how to solve them</a></h4> <h4><a href="/blog/activation-issues-and-how-to-solve-them">Activation issues and how to solve them</a></h4>
<div class="post-info">Wednesday, 01 March 2017</div> <div class="post-info">Wednesday, 01 March 2017</div>
<h4><a href="/blog/index.html%3Fp=921.html">The Three Main Advantages Better ListView has Over the Classic .NET Framework</a></h4> <h4><a href="/blog/the-three-main-advantages-better-listview-has-over-the-classic-net-framework">The Three Main Advantages Better ListView has Over the Classic .NET Framework</a></h4>
<div class="post-info">Thursday, 09 February 2017</div> <div class="post-info">Thursday, 09 February 2017</div>
<h4><a href="/blog/index.html%3Fp=914.html">BLV and Internet Explorer</a></h4> <h4><a href="/blog/blv-and-internet-explorer">BLV and Internet Explorer</a></h4>
<div class="post-info">Sunday, 13 November 2016</div> <div class="post-info">Sunday, 13 November 2016</div>
<h4><a href="/blog/index.html%3Fp=906.html">Centering Images in Better ListView Sub-items</a></h4> <h4><a href="/blog/centering-images-in-better-listview-sub-items">Centering Images in Better ListView Sub-items</a></h4>
<div class="post-info">Wednesday, 06 August 2014</div> <div class="post-info">Wednesday, 06 August 2014</div>
<h4><a href="/blog/index.html%3Fp=901.html">Sub-item Check Boxes in Better ListView</a></h4> <h4><a href="/blog/sub-item-check-boxes-in-better-listview">Sub-item Check Boxes in Better ListView</a></h4>
<div class="post-info">Sunday, 06 July 2014</div> <div class="post-info">Sunday, 06 July 2014</div>
</div> </div>
<div class="other-posts"><a href="/blog">See more posts &raquo;</a></div> <div class="other-posts"><a href="/blog">See more posts &raquo;</a></div>
@@ -585,7 +585,7 @@ const isHome = currentPath === '/';
<div class="date">08<span>Apr</span></div> <div class="date">08<span>Apr</span></div>
<div class="message"> <div class="message">
<h4>Better ListView Express 3.14.0 released!</h4> <h4>Better ListView Express 3.14.0 released!</h4>
<p><a href="/better-listview-express/releases%3Fsince=3.14.0.html">See what's new</a> or <a href="/betterlistviewexpress.exe">Download latest release</a></p> <p><a href="/better-listview-express">See what's new</a> or <a href="/betterlistviewexpress.exe">Download latest release</a></p>
</div> </div>
</div> </div>
</div> </div>

18
src/pages/404.astro Normal file
View File

@@ -0,0 +1,18 @@
---
import Base from '../layouts/Base.astro';
const title = "Page Not Found - ComponentOwl.com";
---
<Base title={title} description="The page you are looking for could not be found.">
<div class="subpage" style="text-align: center; padding: 60px 20px;">
<h1 style="font-size: 72px; color: #a8906b; margin-bottom: 10px;">404</h1>
<h2 style="font-size: 24px; font-weight: normal; margin-bottom: 20px;">Page Not Found</h2>
<p style="font-size: 16px; margin-bottom: 30px;">The page you are looking for doesn't exist or has been moved.</p>
<p>
<a href="/" style="font-size: 16px;">Go to Homepage</a>
&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="/blog" style="font-size: 16px;">Visit Blog</a>
&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="/support" style="font-size: 16px;">Contact Support</a>
</p>
</div>
</Base>

16
src/pages/better-listview-express.astro
View File

@@ -66,25 +66,25 @@ with their Better ListView has done it. <b>Love</b> its native feel.
Groups in Better ListView Express are much more powerful, flexible and easier to use than in the regular listview. Groups are also focusable and support images. Groups in Better ListView Express are much more powerful, flexible and easier to use than in the regular listview. Groups are also focusable and support images.
<div class="image"><img alt="Focusable Groups With Image Support (Focusable) In Better ListView" src="http://assets.componentowl.com/images/34/Focusable-Advanced-Groups-With-Image-Support_original_1326107120.png?1326081920" title="Focusable Groups With Image Support (Focusable) In Better ListView" /></div> <div class="image"><img alt="Focusable Groups With Image Support (Focusable) In Better ListView" src="https://assets.componentowl.com/images/34/Focusable-Advanced-Groups-With-Image-Support_original_1326107120.png?1326081920" title="Focusable Groups With Image Support (Focusable) In Better ListView" /></div>
<h3>Images in column headers, sub-items, groups</h3> <h3>Images in column headers, sub-items, groups</h3>
You can use images in column headers, sub-items, items, groups. Custom image sizes are supported. Regular listview for .NET included with Visual Studio supports only one image per item, and doesn't support sub-item images. Better ListView removes these limitations and has excellent image support. You can use images in column headers, sub-items, items, groups. Custom image sizes are supported. Regular listview for .NET included with Visual Studio supports only one image per item, and doesn't support sub-item images. Better ListView removes these limitations and has excellent image support.
<div class="image"><img alt="Column Images, Sub-Item Images, Groups Images in Better ListView" src="http://assets.componentowl.com/images/31/Column-Images-Sub-Item-Images-Groups-Images_original_1326107040.png?1326081840" title="Column Images, Sub-Item Images, Groups Images in Better ListView" /></div> <div class="image"><img alt="Column Images, Sub-Item Images, Groups Images in Better ListView" src="https://assets.componentowl.com/images/31/Column-Images-Sub-Item-Images-Groups-Images_original_1326107040.png?1326081840" title="Column Images, Sub-Item Images, Groups Images in Better ListView" /></div>
<h3>Background image support</h3> <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. Display background image in Better ListView easily using the BackgroundImage property. Many layouts (stretch, tile, none), alignments (top, bottom, left, right, center and combinations) are supported, as well as customizable opacity.
<div class="image"><img alt="Background Image" src="http://assets.componentowl.com/images/29/Background-Images_original_1326106990.png?1326081790" title="Background Image" /></div> <div class="image"><img alt="Background Image" src="https://assets.componentowl.com/images/29/Background-Images_original_1326106990.png?1326081790" title="Background Image" /></div>
<h3>Checkboxes in all views</h3> <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. You can have checkboxes in LargeIcons view, SmallIcons view, List view, Thumbnails view and of course also in the Details view.
<div class="image"><img alt="Checkboxes In LargeIcons View" src="http://assets.componentowl.com/images/13/Checkboxes In LargeIcons View_original_1298623385.png?1298598185" /></div> <div class="image"><img alt="Checkboxes In LargeIcons View" src="https://assets.componentowl.com/images/13/Checkboxes%20In%20LargeIcons%20View_original_1298623385.png?1298598185" /></div>
<h3>Uses current Windows theme</h3> <h3>Uses current Windows theme</h3>
@@ -102,24 +102,24 @@ Better ListView Express is smooth. Regular listview requires multiple anti-flick
Better ListView Express allows you to draw over the client area, items and column headers. Contrary to .NET ListView, owner drawing is fully operational even when the system uses Aero theme. You can draw separately to background and foreground parts of Better ListView Express without worrying about proper drawing order. Owner drawing events provide rich data, including exact item state and areas of every item part. Better ListView Express allows you to draw over the client area, items and column headers. Contrary to .NET ListView, owner drawing is fully operational even when the system uses Aero theme. You can draw separately to background and foreground parts of Better ListView Express without worrying about proper drawing order. Owner drawing events provide rich data, including exact item state and areas of every item part.
<div class="image"><img alt="List View Owner Drawing Background Gradient" src="http://assets.componentowl.com/images/22/List View Owner Drawing Background Gradient_original_1298633053.png?1298607853" /></div> <div class="image"><img alt="List View Owner Drawing Background Gradient" src="https://assets.componentowl.com/images/22/List%20View%20Owner%20Drawing%20Background%20Gradient_original_1298633053.png?1298607853" /></div>
<h3>Label-edit for sub-items</h3> <h3>Label-edit for sub-items</h3>
Take advantage of the inbuilt label editing support, which includes not just textbox edit, but also combobox edit and date picker edit. Take advantage of the inbuilt label editing support, which includes not just textbox edit, but also combobox edit and date picker edit.
<div class="image"><img alt="Sub-Item Label Edit With Inbult Combobox Editor in Better ListView" src="http://assets.componentowl.com/images/33/Custom-Sub-Item-Label-Edit_original_1326107089.png?1326081889" title="Sub-Item Label Edit With Inbult Combobox Editor in Better ListView" /></div> <div class="image"><img alt="Sub-Item Label Edit With Inbult Combobox Editor in Better ListView" src="https://assets.componentowl.com/images/33/Custom-Sub-Item-Label-Edit_original_1326107089.png?1326081889" title="Sub-Item Label Edit With Inbult Combobox Editor in Better ListView" /></div>
<h3>Embedded controls for custom label edit</h3> <h3>Embedded controls for custom label edit</h3>
Not only you can use the inbuilt label-editing controls, you can also create your own controls to edit items and sub-items. Not only you can use the inbuilt label-editing controls, you can also create your own controls to edit items and sub-items.
<div class="image"><img alt="Custom Label Edit for Sub-Items With Embedded Control" src="http://assets.componentowl.com/images/32/Custom-Embedded-Controls-For-Label-Edit_original_1326107064.png?1326081864" title="Custom Label Edit for Sub-Items With Embedded Control" /></div> <div class="image"><img alt="Custom Label Edit for Sub-Items With Embedded Control" src="https://assets.componentowl.com/images/32/Custom-Embedded-Controls-For-Label-Edit_original_1326107064.png?1326081864" title="Custom Label Edit for Sub-Items With Embedded Control" /></div>
<h3>Advanced hit-test with detailed information</h3> <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). The hit test in Better ListView returns very detailed information. It tells you not only the location (Client Area, Sub-Item, Sub-Item Text, Sub-Item Image, Checkbox, Column Header Image, and many more), but it also tells you the state of the item, and part of the item (left or right).
<div class="image"><img alt="Advanced Hit-Test With Detailed Information" src="http://assets.componentowl.com/images/26/Advanced-Hit-Test_original_1326105831.png?1326080631" title="Advanced Hit-Test With Detailed Information" /></div> <div class="image"><img alt="Advanced Hit-Test With Detailed Information" src="https://assets.componentowl.com/images/26/Advanced-Hit-Test_original_1326105831.png?1326080631" title="Advanced Hit-Test With Detailed Information" /></div>
<h3>Inbuilt sorting</h3> <h3>Inbuilt sorting</h3>

48
src/pages/better-listview.astro
View File

@@ -49,7 +49,7 @@ const rawContent = `<div class="d-content-wrap">
<li>Tested in the real world by thousands of users</li> <li>Tested in the real world by thousands of users</li>
</ul> </ul>
<div class="image"><img alt="Better ListView control" src="http://assets.componentowl.com/images/7/Overview Collage_original_1367470843.png?1367445643" /></div> <div class="image"><img alt="Better ListView control" src="https://assets.componentowl.com/images/7/Overview%20Collage_original_1367470843.png?1367445643" /></div>
<h2>Extra features summary</h2> <h2>Extra features summary</h2>
@@ -87,7 +87,7 @@ Simply put, Better ListView is smooth. Regular listview requires multiple anti-f
You can use images in column headers. Custom image sizes are supported. You can use images in column headers. Custom image sizes are supported.
<div class="image"><img alt="Column Header Images" src="http://assets.componentowl.com/images/8/Column Header Images_original_1298620501.png?1298595301" /></div> <div class="image"><img alt="Column Header Images" src="https://assets.componentowl.com/images/8/Column%20Header%20Images_original_1298620501.png?1298595301" /></div>
<h3>Sub-item images</h3> <h3>Sub-item images</h3>
@@ -105,7 +105,7 @@ You can use any image size in the list view. Better ListView can also automatica
Highly customizable drag-drop for both internal and external drag-drop. You can use drop highlight or insertion mark drag drop modes. Highly customizable drag-drop for both internal and external drag-drop. You can use drop highlight or insertion mark drag drop modes.
<div class="image"><img alt="List View Item Reordering Mark Preview" src="http://assets.componentowl.com/images/21/List View Item Reordering Mark Preview_original_1298631798.png?1298606598" /></div> <div class="image"><img alt="List View Item Reordering Mark Preview" src="https://assets.componentowl.com/images/21/List%20View%20Item%20Reordering%20Mark%20Preview_original_1298631798.png?1298606598" /></div>
<h3>List view item reordering</h3> <h3>List view item reordering</h3>
@@ -115,7 +115,7 @@ Better ListView has inbuilt item reordering and item drag &amp; drop inserting a
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. 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> <div class="image"><img alt="Column Header Reordering With Insertion Mark" src="https://assets.componentowl.com/images/9/Column%20Header%20Reordering%20With%20Insertion%20Mark_original_1298621331.png?1298596131" /></div>
<h3>Auto-scroll for column header reordering and item reordering</h3> <h3>Auto-scroll for column header reordering and item reordering</h3>
@@ -125,7 +125,7 @@ Better ListView has inbuilt auto-scrolling for column header and item reordering
Better ListView can display column headers in all views - Details, SmallIcons, LargeIcons, List, Tile, Thumbnails. This allows users to sort items in all views. Additionally, you can also hide the column headers even in the details view. Better ListView can display column headers in all views - Details, SmallIcons, LargeIcons, List, Tile, Thumbnails. This allows users to sort items in all views. Additionally, you can also hide the column headers even in the details view.
<div class="image"><img alt="Column Headers in LargeIcons View" src="http://assets.componentowl.com/images/10/Column Headers In LargeIcons View_original_1298622038.png?1298596838" /></div> <div class="image"><img alt="Column Headers in LargeIcons View" src="https://assets.componentowl.com/images/10/Column%20Headers%20In%20LargeIcons%20View_original_1298622038.png?1298596838" /></div>
<h3>Thumbnails view mode</h3> <h3>Thumbnails view mode</h3>
@@ -136,13 +136,13 @@ All images in Better ListView can have border or shadow specified. You can also
Image shadows like in Windows 7 theme are supported. Windows Explorer uses very similar shadows for image thumbnails. Image shadows like in Windows 7 theme are supported. Windows Explorer uses very similar shadows for image thumbnails.
<div class="image"><img alt="ListView Image Shadows and Image Borders" src="http://assets.componentowl.com/images/11/ListView Image Shadows and Image Borders_original_1298622678.png?1298597478" /></div> <div class="image"><img alt="ListView Image Shadows and Image Borders" src="https://assets.componentowl.com/images/11/ListView%20Image%20Shadows%20and%20Image%20Borders_original_1298622678.png?1298597478" /></div>
<h3>Multi-column sorting</h3> <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. You can sort by multiple columns in Better ListView. Simply shift+click a secondary (or third, etc) column to add it to the current sort. Zero code needed. Additionally, the background of the primary (first) sort column can be highlighted.
<div class="image"><img alt="Multi Column Sort in List View" src="http://assets.componentowl.com/images/12/Multi Column Sort in List View_original_1298623013.png?1298597813" /></div> <div class="image"><img alt="Multi Column Sort in List View" src="https://assets.componentowl.com/images/12/Multi%20Column%20Sort%20in%20List%20View_original_1298623013.png?1298597813" /></div>
<h3>Inbuilt sorting and natural sorting</h3> <h3>Inbuilt sorting and natural sorting</h3>
@@ -156,24 +156,24 @@ Many events have richer event data that allow you to do extra operations or tell
You can have checkboxes in LargeIcons view, SmallIcons view, List view, Thumbnails view and of course also in the Details view. You can have checkboxes in LargeIcons view, SmallIcons view, List view, Thumbnails view and of course also in the Details view.
<div class="image"><img alt="Checkboxes In LargeIcons View" src="http://assets.componentowl.com/images/13/Checkboxes In LargeIcons View_original_1298623385.png?1298598185" /></div> <div class="image"><img alt="Checkboxes In LargeIcons View" src="https://assets.componentowl.com/images/13/Checkboxes%20In%20LargeIcons%20View_original_1298623385.png?1298598185" /></div>
<h3>Three state checkboxes</h3> <h3>Three state checkboxes</h3>
Three state checkboxes are supported in Better ListView: Three state checkboxes are supported in Better ListView:
<div class="image"><img alt="Three-State Checkboxes in List View" src="http://assets.componentowl.com/images/14/Three State Checkboxes in List View_original_1298624577.png?1298599377" /></div> <div class="image"><img alt="Three-State Checkboxes in List View" src="https://assets.componentowl.com/images/14/Three%20State%20Checkboxes%20in%20List%20View_original_1298624577.png?1298599377" /></div>
<h3>Hide or show checkboxes of specific ListView Items</h3> <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. You can hide checkbox for any ListViewItem. You can also show checkboxes only for specified items. All list items in Better ListView have "AllowShowCheckBox" property.
<div class="image"><img alt="Show or hide checkboxes for specific listview items" src="http://assets.componentowl.com/images/23/show-or-hide-checkboxes-for-specific-listview-items_original_1299748307.png?1299723107" title="Show or hide checkboxes for specific listview items" /></div> <div class="image"><img alt="Show or hide checkboxes for specific listview items" src="https://assets.componentowl.com/images/23/show-or-hide-checkboxes-for-specific-listview-items_original_1299748307.png?1299723107" title="Show or hide checkboxes for specific listview items" /></div>
<h3>Powerful list view tooltips</h3> <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. You can display tooltips for nearly any part of Better ListView - tooltips for items, sub-items, checkboxes, item images, sub-item images, column headers, column header images, column header borders, and even for custom areas (regions). Owner-drawn tooltips are supported.
<div class="image"><img alt="List View Regional Tooltips and Owner Drawn Tooltips" src="http://assets.componentowl.com/images/15/List View Tooltips Region And Owner Drawn Tooltips_original_1298632357.png?1298607157" /></div> <div class="image"><img alt="List View Regional Tooltips and Owner Drawn Tooltips" src="https://assets.componentowl.com/images/15/List%20View%20Tooltips%20Region%20And%20Owner%20Drawn%20Tooltips_original_1298632357.png?1298607157" /></div>
<h3>Uses current Windows theme</h3> <h3>Uses current Windows theme</h3>
@@ -187,30 +187,30 @@ Every part of Better ListView (items, sub-items, column headers) can be both bin
Better ListView allows you to draw over the client area, items and column headers. Contrary to .NET ListView, owner drawing is fully operational even when the system uses Aero theme. You can draw separately to background and foreground parts of Better ListView without worrying about proper drawing order. Owner drawing events provide rich data, including exact item state and areas of every item part. Better ListView allows you to draw over the client area, items and column headers. Contrary to .NET ListView, owner drawing is fully operational even when the system uses Aero theme. You can draw separately to background and foreground parts of Better ListView without worrying about proper drawing order. Owner drawing events provide rich data, including exact item state and areas of every item part.
<div class="image"><img alt="List View Owner Drawing Background Gradient" src="http://assets.componentowl.com/images/22/List View Owner Drawing Background Gradient_original_1298633053.png?1298607853" /></div> <div class="image"><img alt="List View Owner Drawing Background Gradient" src="https://assets.componentowl.com/images/22/List%20View%20Owner%20Drawing%20Background%20Gradient_original_1298633053.png?1298607853" /></div>
<h3>Multi-line items</h3> <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. Better ListView supports multi-line items. Items with very long text can be displayed on multiple lines. Highly customizable and powerful: Focused items can have custom number of lines; hard line breaks supported as well. Foreground overlay "watermark" images are easily achievable using owner-drawing.
<div class="image"><img src="http://assets.componentowl.com/screenshots/21/multi-line-items_original_1312133213.png?1312133213" alt="Multi-line items"></div> <div class="image"><img src="https://assets.componentowl.com/screenshots/21/multi-line-items_original_1312133213.png?1312133213" alt="Multi-line items"></div>
<h3>Background image support</h3> <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. Display background image in Better ListView easily using the BackgroundImage property. Many layouts (stretch, tile, none), alignments (top, bottom, left, right, center and combinations) are supported, as well as customizable opacity.
<div class="image"><img alt="ListView Background Image" src="http://assets.componentowl.com/images/27/Background-Images_original_1326106027.png?1326080827" title="ListView Background Image" /></div> <div class="image"><img alt="ListView Background Image" src="https://assets.componentowl.com/images/27/Background-Images_original_1326106027.png?1326080827" title="ListView Background Image" /></div>
<h3>Context menu for column headers, list items, and empty area</h3> <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). Better ListView supports 3 types of context menus: Column header context menu, list view items context menu, and empty area context menu (when right-clicking white space).
<div class="image"><img alt="Column Header Context Menu in List View" src="http://assets.componentowl.com/images/17/Column Header Context Menu in List View_original_1298721855.png?1298696655" /></div> <div class="image"><img alt="Column Header Context Menu in List View" src="https://assets.componentowl.com/images/17/Column%20Header%20Context%20Menu%20in%20List%20View_original_1298721855.png?1298696655" /></div>
<h3>Advanced hit-test with detailed information</h3> <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). The hit test in Better ListView returns very detailed information. It tells you not only the location (Client Area, Sub-Item, Sub-Item Text, Sub-Item Image, Checkbox, Column Header Image, and many more), but it also tells you the state of the item, and part of the item (left or right).
<div class="image"><img alt="Advanced Hit-Test With Detailed Information" src="http://assets.componentowl.com/images/26/Advanced-Hit-Test_original_1326105831.png?1326080631" title="Advanced Hit-Test With Detailed Information" /></div> <div class="image"><img alt="Advanced Hit-Test With Detailed Information" src="https://assets.componentowl.com/images/26/Advanced-Hit-Test_original_1326105831.png?1326080631" title="Advanced Hit-Test With Detailed Information" /></div>
<h3>Customizable search-by-typing</h3> <h3>Customizable search-by-typing</h3>
@@ -219,12 +219,12 @@ Better ListView has excellent customization functionality for find-as-you-type i
<h3>Display text when the list view is empty</h3> <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. You can display a gray text centered in the list view if it's empty to hint or educate users. This will make your software more user friendly.
<div class="image"><img alt="Show Text When List View is Empty" src="http://assets.componentowl.com/images/18/Show Text When List View is Empty_original_1298629916.png?1298604716" /></div> <div class="image"><img alt="Show Text When List View is Empty" src="https://assets.componentowl.com/images/18/Show%20Text%20When%20List%20View%20is%20Empty_original_1298629916.png?1298604716" /></div>
<h3>Embed controls for item editing</h3> <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. Inbuilt in-line editing support includes label edit, combobox edit, date picker edit. You can also embed any custom control for in-line editing. Sub-item editing is supported. Highly customizable.
<div class="image"><img alt="Custom Embedded Control in List View for Editing" src="http://assets.componentowl.com/images/19/Custom Embedded Control in List View for Editing_original_1298630263.png?1298605063" /></div> <div class="image"><img alt="Custom Embedded Control in List View for Editing" src="https://assets.componentowl.com/images/19/Custom%20Embedded%20Control%20in%20List%20View%20for%20Editing_original_1298630263.png?1298605063" /></div>
<h3>ListView item text formatting</h3> <h3>ListView item text formatting</h3>
@@ -233,7 +233,7 @@ Supports both text trimming and auto-ellipsis for text that's too long. You can
<h3>Focusable ListView sub-items and groups</h3> <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) Focus sub-items or groups in Better ListView easily with keyboard. Just use the arrow keys. (This is impossible with the regular .NET ListView)
<div class="image"><img alt="Focusable sub-items in Better ListView" src="http://assets.componentowl.com/images/25/focus-list-view-sub-items_original_1313674098.png?1313648898" title="Focusable sub-items in Better ListView" /></div> <div class="image"><img alt="Focusable sub-items in Better ListView" src="https://assets.componentowl.com/images/25/focus-list-view-sub-items_original_1313674098.png?1313648898" title="Focusable sub-items in Better ListView" /></div>
<h3>Automatic list view layout</h3> <h3>Automatic list view layout</h3>
@@ -243,7 +243,7 @@ Better ListView can auto-size item images, item text, column header images, colu
You can set custom sizes for item text area and item images. You can also set custom size for column header text area and column header images. (Text area size is different from font size, text area size basically defines the size of the list view item.) This enables you to make tiny/huge column headers or list view items. You can set custom sizes for item text area and item images. You can also set custom size for column header text area and column header images. (Text area size is different from font size, text area size basically defines the size of the list view item.) This enables you to make tiny/huge column headers or list view items.
<div class="image"><img alt="Custom Item Size in List View" src="http://assets.componentowl.com/images/20/Custom Item Size in List View_original_1298630739.png?1298605539" /></div> <div class="image"><img alt="Custom Item Size in List View" src="https://assets.componentowl.com/images/20/Custom%20Item%20Size%20in%20List%20View_original_1298630739.png?1298605539" /></div>
<div class="testimonial-intext"><div class="testimonial-wrap"><blockquote><em> <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 It's an odd thing when you're inspired by a form component, but Component Owl
@@ -293,7 +293,7 @@ In addition to creating a new List View control to incorporate <b>broader flexib
<div class="screenshot"> <div class="screenshot">
<p><a href="http://assets.componentowl.com/screenshots/15/blv-overview_original_1326499754.png?1326474554" class="screenshot" title="Better ListView control"><img alt="Better ListView" src="http://assets.componentowl.com/screenshots/15/blv-overview_thumb_1326499754.png?1326474554" /></a></p> <p><a href="https://assets.componentowl.com/screenshots/15/blv-overview_original_1326499754.png?1326474554" class="screenshot" title="Better ListView control"><img alt="Better ListView" src="https://assets.componentowl.com/screenshots/15/blv-overview_thumb_1326499754.png?1326474554" /></a></p>
</div> </div>
<div class="newsletter"> <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" /> <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" />
@@ -306,17 +306,17 @@ In addition to creating a new List View control to incorporate <b>broader flexib
</form></div> </form></div>
<div class="screenshot"> <div class="screenshot">
<p><a href="http://assets.componentowl.com/screenshots/16/thumbnails_original_1312133021.png?1312107821" class="screenshot" title="Image thumbnails in groups"><img alt="Thumbnails" src="http://assets.componentowl.com/screenshots/16/thumbnails_thumb_1312133021.png?1312107821" /></a></p> <p><a href="https://assets.componentowl.com/screenshots/16/thumbnails_original_1312133021.png?1312107821" class="screenshot" title="Image thumbnails in groups"><img alt="Thumbnails" src="https://assets.componentowl.com/screenshots/16/thumbnails_thumb_1312133021.png?1312107821" /></a></p>
</div> </div>
<div class="screenshot"> <div class="screenshot">
<p><a href="http://assets.componentowl.com/screenshots/21/multi-line-items_original_1312133213.png?1312108013" class="screenshot" title="Items with multi-line text"><img alt="Multi-line Items" src="http://assets.componentowl.com/screenshots/21/multi-line-items_thumb_1312133213.png?1312108013" /></a></p> <p><a href="https://assets.componentowl.com/screenshots/21/multi-line-items_original_1312133213.png?1312108013" class="screenshot" title="Items with multi-line text"><img alt="Multi-line Items" src="https://assets.componentowl.com/screenshots/21/multi-line-items_thumb_1312133213.png?1312108013" /></a></p>
</div> </div>
<div class="screenshot"> <div class="screenshot">
<p><a href="http://assets.componentowl.com/screenshots/18/betterlistview-tree-hierarchy_original_1313676477.png?1313651277" class="screenshot" title="Items organized in a tree-like hierarchy"><img alt="Item Hierarchy" src="http://assets.componentowl.com/screenshots/18/betterlistview-tree-hierarchy_thumb_1313676477.png?1313651277" /></a></p> <p><a href="https://assets.componentowl.com/screenshots/18/betterlistview-tree-hierarchy_original_1313676477.png?1313651277" class="screenshot" title="Items organized in a tree-like hierarchy"><img alt="Item Hierarchy" src="https://assets.componentowl.com/screenshots/18/betterlistview-tree-hierarchy_thumb_1313676477.png?1313651277" /></a></p>
</div> </div>

10
src/pages/better-splitbutton.astro
View File

@@ -35,7 +35,7 @@ const rawContent = `<div class="d-content-wrap">
<li><strong>Free</strong> for non-commercial use, <strong>cheap license for commercial use</strong> with included <strong>source code</strong>.</li> <li><strong>Free</strong> for non-commercial use, <strong>cheap license for commercial use</strong> with included <strong>source code</strong>.</li>
</ul> </ul>
<p style="text-align: center"><img src="http://assets.componentowl.com/images/36/product-image_original_1328613483.png?1328613483" /></p> <p style="text-align: center"><img src="https://assets.componentowl.com/images/36/product-image_original_1328613483.png?1328613483" /></p>
<h2>Features</h2> <h2>Features</h2>
<ul class="common"> <ul class="common">
@@ -116,7 +116,7 @@ const rawContent = `<div class="d-content-wrap">
<div class="screenshot"> <div class="screenshot">
<p><a href="http://assets.componentowl.com/screenshots/34/better-splitbutton-overview_original_1328267692.png?1328242492" class="screenshot" title="Better SplitButton (Dropdown button) for .NET overview"><img alt="Better SplitButton (Dropdown button) for .NET overview" src="http://assets.componentowl.com/screenshots/34/better-splitbutton-overview_thumb_1328267692.png?1328242492" /></a></p> <p><a href="https://assets.componentowl.com/screenshots/34/better-splitbutton-overview_original_1328267692.png?1328242492" class="screenshot" title="Better SplitButton (Dropdown button) for .NET overview"><img alt="Better SplitButton (Dropdown button) for .NET overview" src="https://assets.componentowl.com/screenshots/34/better-splitbutton-overview_thumb_1328267692.png?1328242492" /></a></p>
</div> </div>
<div class="newsletter"> <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" /> <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" />
@@ -135,17 +135,17 @@ const rawContent = `<div class="d-content-wrap">
<div class="screenshot"> <div class="screenshot">
<p><a href="http://assets.componentowl.com/screenshots/35/always-drop-down_original_1328267712.png?1328242512" class="screenshot" title="Better SplitButton Always Dropdown Option"><img alt="Better SplitButton Always Dropdown Option" src="http://assets.componentowl.com/screenshots/35/always-drop-down_thumb_1328267712.png?1328242512" /></a></p> <p><a href="https://assets.componentowl.com/screenshots/35/always-drop-down_original_1328267712.png?1328242512" class="screenshot" title="Better SplitButton Always Dropdown Option"><img alt="Better SplitButton Always Dropdown Option" src="https://assets.componentowl.com/screenshots/35/always-drop-down_thumb_1328267712.png?1328242512" /></a></p>
</div> </div>
<div class="screenshot"> <div class="screenshot">
<p><a href="http://assets.componentowl.com/screenshots/36/flat-style_original_1328267962.png?1328242762" class="screenshot" title="SplitButton with Custom Flat Style"><img alt="SplitButton with Custom Flat Style" src="http://assets.componentowl.com/screenshots/36/flat-style_thumb_1328267962.png?1328242762" /></a></p> <p><a href="https://assets.componentowl.com/screenshots/36/flat-style_original_1328267962.png?1328242762" class="screenshot" title="SplitButton with Custom Flat Style"><img alt="SplitButton with Custom Flat Style" src="https://assets.componentowl.com/screenshots/36/flat-style_thumb_1328267962.png?1328242762" /></a></p>
</div> </div>
<div class="screenshot"> <div class="screenshot">
<p><a href="http://assets.componentowl.com/screenshots/37/image-list_original_1328268002.png?1328242802" class="screenshot" title="Better SplitButton with ImageList for all DropDown states"><img alt="Better SplitButton with ImageList for all DropDown states" src="http://assets.componentowl.com/screenshots/37/image-list_thumb_1328268002.png?1328242802" /></a></p> <p><a href="https://assets.componentowl.com/screenshots/37/image-list_original_1328268002.png?1328242802" class="screenshot" title="Better SplitButton with ImageList for all DropDown states"><img alt="Better SplitButton with ImageList for all DropDown states" src="https://assets.componentowl.com/screenshots/37/image-list_thumb_1328268002.png?1328242802" /></a></p>
</div> </div>

10
src/pages/better-thumbnail-browser.astro
View File

@@ -98,7 +98,7 @@ excellent documentation</a> with examples.</p>
<p>Finally, optional Priority support can be <a href="pricing-licensing/better-thumbnail-browser.html">purchased with the Better Thumbnail Browser</a> control, which entails you to custom code samples and more.</p> <p>Finally, optional Priority support can be <a href="pricing-licensing/better-thumbnail-browser.html">purchased with the Better Thumbnail Browser</a> control, which entails you to custom code samples and more.</p>
<div class="image"><img src="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" alt="Better Thumbnail Browser Overview" /></div> <div class="image"><img src="https://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" alt="Better Thumbnail Browser Overview" /></div>
</div> </div>
<p>View more images in <a href="better-thumbnail-browser/screenshots.html"><strong>Screenshots</strong></a></p> <p>View more images in <a href="better-thumbnail-browser/screenshots.html"><strong>Screenshots</strong></a></p>
@@ -141,7 +141,7 @@ Site or Enterprise licenses.</p>
<div class="screenshot"> <div class="screenshot">
<p><a href="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" class="screenshot" title="Better ThumbnailBrowser"><img alt="Overview" src="http://assets.componentowl.com/screenshots/43/overview_thumb_1354296079.png?1354270879" /></a></p> <p><a href="https://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" class="screenshot" title="Better ThumbnailBrowser"><img alt="Overview" src="https://assets.componentowl.com/screenshots/43/overview_thumb_1354296079.png?1354270879" /></a></p>
</div> </div>
<div class="newsletter"> <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" /> <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" />
@@ -160,17 +160,17 @@ Site or Enterprise licenses.</p>
<div class="screenshot"> <div class="screenshot">
<p><a href="http://assets.componentowl.com/screenshots/44/using-auto-populate_original_1354296146.png?1354270946" class="screenshot" title="Auto-loading images from folders"><img alt="Auto populate" src="http://assets.componentowl.com/screenshots/44/using-auto-populate_thumb_1354296146.png?1354270946" /></a></p> <p><a href="https://assets.componentowl.com/screenshots/44/using-auto-populate_original_1354296146.png?1354270946" class="screenshot" title="Auto-loading images from folders"><img alt="Auto populate" src="https://assets.componentowl.com/screenshots/44/using-auto-populate_thumb_1354296146.png?1354270946" /></a></p>
</div> </div>
<div class="screenshot"> <div class="screenshot">
<p><a href="http://assets.componentowl.com/screenshots/45/using-sorting_original_1354296174.png?1354270974" class="screenshot" title="Multi-column sorting on thumbnails"><img alt="Sorting" src="http://assets.componentowl.com/screenshots/45/using-sorting_thumb_1354296174.png?1354270974" /></a></p> <p><a href="https://assets.componentowl.com/screenshots/45/using-sorting_original_1354296174.png?1354270974" class="screenshot" title="Multi-column sorting on thumbnails"><img alt="Sorting" src="https://assets.componentowl.com/screenshots/45/using-sorting_thumb_1354296174.png?1354270974" /></a></p>
</div> </div>
<div class="screenshot"> <div class="screenshot">
<p><a href="http://assets.componentowl.com/screenshots/46/layout-thumbnails-spacing_original_1354296209.jpg?1354271009" class="screenshot" title="Custom spacing between thumbnails"><img alt="Custom spacing" src="http://assets.componentowl.com/screenshots/46/layout-thumbnails-spacing_thumb_1354296209.jpg?1354271009" /></a></p> <p><a href="https://assets.componentowl.com/screenshots/46/layout-thumbnails-spacing_original_1354296209.jpg?1354271009" class="screenshot" title="Custom spacing between thumbnails"><img alt="Custom spacing" src="https://assets.componentowl.com/screenshots/46/layout-thumbnails-spacing_thumb_1354296209.jpg?1354271009" /></a></p>
</div> </div>