Rebuild from Rails source - faithful to original brown/gold/cream design

This commit is contained in:
Jarvis Prime
2026-03-23 19:19:44 +00:00
parent 0f04d5374d
commit 2e7db43b96
14 changed files with 1241 additions and 1047 deletions

View File

@@ -3,9 +3,11 @@ export interface Props {
title: string;
description?: string;
keywords?: string;
bodyClass?: string;
}
const { title, description = 'Better ListView by Component Owl is a .NET WinForms control designed to replace the standard list view control.', keywords = 'better listview, list view, .net list view, list view component' } = Astro.props;
const { title, description = 'Better ListView by Component Owl is a .NET WinForms control designed to replace the standard list view control.', keywords = 'better listview, list view, .net list view, list view component', bodyClass = '' } = Astro.props;
const currentPath = Astro.url.pathname;
const isHome = currentPath === '/';
---
<!DOCTYPE html>
<html lang="en">
@@ -14,155 +16,463 @@ const currentPath = Astro.url.pathname;
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content={description} />
<meta name="keywords" content={keywords} />
<meta name="author" content="ComponentOwl" />
<meta name="author" content="Dextronet" />
<meta name="copyright" content="(c) 2010-2021 Dextronet" />
<meta name="robots" content="All" />
<title>{title}</title>
<link rel="icon" href="/favicon.ico" />
<script is:inline src="https://cdn.tailwindcss.com"></script>
<script is:inline>
tailwind.config = {
theme: {
extend: {
colors: {
'owl-blue': '#1a5276',
'owl-blue-light': '#2980b9',
'owl-blue-dark': '#154360',
}
}
}
<style is:inline>
/* === RESET & BASE === */
* { margin: 0; padding: 0; }
html { height: 100%; }
body {
height: 100%;
font-family: 'trebuchet ms', sans-serif;
font-size: 14px;
color: #000;
text-align: center;
background: #fefefe url(/images/bg.png) 0 0 repeat-x;
}
a img { border: none; }
a { color: #825900; outline: none; text-decoration: underline; }
a:hover { color: #000; }
a:active { color: #ab7500; }
ul, li { list-style: none; }
h1, h2, h3, .heading { font-family: arial, sans-serif; font-weight: bold; }
hr { border: 0; height: 1px; color: #a8906b; background-color: #a8906b; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
/* === PAGE LAYOUT === */
.d-page { position: relative; min-height: 100%; }
.d-placing { margin: 0 auto; text-align: left; width: 930px; }
/* === HEADER === */
.d-header { height: 47px; }
.d-logo { float: right; margin-top: 10px; }
.d-logo a { text-decoration: none; }
.logoimg { margin-right: 5px; display: inline-block; }
.d-menu {
float: left;
list-style: none;
}
.d-menu li { float: left; position: relative; padding-right: 35px; }
.d-menu .menu-item {
display: block; position: relative; z-index: 99;
padding: 12px 0 1px; color: #fff; text-decoration: none;
font-size: 14px; font-weight: bold; text-transform: uppercase;
}
.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; }
/* Dropdown */
.d-menu .with-dropdown:hover .dropdown { display: block; }
.dropdown { display: none; position: absolute; top: 30px; left: -20px; width: 370px; z-index: 100; }
.dropdown .inner {
position: relative; overflow: auto; height: 100%; z-index: 99;
padding: 12px 14px; background: #362919; border: 1px solid #1c1410; border-top: none;
}
.dropdown a { color: #fff; text-decoration: none; padding: 10px 14px; display: block; }
.dropdown a:hover { background-color: #bb983b; color: #fff; }
.dropdown .featured-item { font-size: 16px; font-weight: bold; }
.dropdown .subline { display: block; font-size: 12px; color: #ccc; padding-top: 3px; }
.dropdown .dropdown-category {
background-color: #876234; color: #fff; font-weight: bold; padding: 5px 8px;
}
/* === CONTENT === */
.d-content-wrap { padding-bottom: 400px; }
.d-homepage .d-content-wrap { padding-bottom: 400px; }
/* === FOOTER === */
.d-footer {
position: absolute; bottom: 0; right: 0; width: 100%;
padding-top: 25px; color: #fff;
background: #3a2c18 url(/images/footer-bg.png) repeat-x;
font-size: 12px;
}
.d-footer a { color: #fff; }
.d-footer a:hover { color: #f5b458; }
.d-footer .d-placing { overflow: hidden; }
.d-footer .left { width: 540px; }
.d-footer .right { width: 325px; }
.d-footer hr { background-color: #fff; margin-top: 10px; }
.d-footer .copy {
font-size: 11px; padding: 0 0 13px 140px;
background: url(/images/dextronet.gif) 0 12px no-repeat;
}
.d-footer .social { padding: 10px 0 4px; }
.d-footer .social span { padding: 0 3px; }
.latest-posts { height: 255px; overflow: hidden; }
.latest-posts h4 { margin: 13px 0 0; padding: 0 0 3px; font-size: 13px; color: #ffd191; }
.latest-posts h4 a { color: #ffd191; text-decoration: none; }
.latest-posts h4 a:hover { color: #fcead0; }
.latest-posts .post-info { font-size: 11px; color: #a38952; text-transform: uppercase; font-weight: bold; }
.other-posts { text-align: right; }
.other-posts a { color: #fcead0; text-decoration: none; }
.other-posts a:hover { color: #f5b458; }
.news ul.links { width: 100%; overflow: hidden; margin-bottom: 10px; list-style: none; }
.news ul.links li { float: left; margin-right: 10px; }
.news ul.links a { display: block; padding: 6px 8px 6px 26px; text-decoration: none; color: #fff; background: #49371e 7px 50% no-repeat; }
.news ul.links .rss { background-image: url(/images/rss.gif); }
.news ul.links .twitter { background-image: url(/images/twitter.gif); }
.news h4, .news h4 a { color: #e4b16a; font-size: 13px; }
.news h4 a:hover { color: #fcead0; }
.news .news-item { width: 100%; overflow: hidden; margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px dotted #644c2a; }
.news .last-item { border-bottom: none; }
.news .date { float: left; width: 20px; text-align: right; padding: 3px 6px; color: #a38952; }
.news .date span { display: block; }
.news .message { padding: 3px 0; color: #fcead0; }
/* === HOME PAGE === */
.homehd {
font-family: georgia, serif; font-size: 34px; text-align: center;
font-weight: normal; margin: 14px 0 10px; line-height: 39px;
}
.homehd span {
padding: 0 29px 0 23px;
background-image: url(/images/homehd-lb.gif), url(/images/homehd-rb.gif), url(/images/homehd-bg.gif);
background-position: 0 0, 100% 0, 0 0;
background-repeat: no-repeat, no-repeat, repeat-x;
}
.homeph { text-align: center; font-size: 16px; margin: 5px 0; }
.hp-wrap { width: 100%; overflow: hidden; margin-top: 15px; }
.hp-wrap iframe { float: right; margin-right: 25px; }
.buttons-hp {
overflow: hidden; width: 100%;
border: 1px solid #b4e9fd; border-left: none; border-right: none;
padding: 12px; background: #f6fcff; position: relative; margin-top: 15px;
}
.buttons-hp .logos { float: left; padding-left: 5px; margin-top: 14px; }
.logos img { margin-left: 30px; vertical-align: middle; }
.buttons-hp-vertical {
float: left; text-align: center; width: 250px; margin-left: 25px; margin-top: 20px;
padding: 15px;
}
.buttons-hp-vertical a { float: none; margin: 0 auto 15px; display: block; }
.buttons-hp-vertical .logos { float: none; padding: 0; margin: 0 auto; }
.buttons-hp-vertical img { margin: 0 10px; }
.darrows {
position: relative; width: 175px; height: 54px; z-index: 2;
background: url(/images/arrows.png) no-repeat; margin: 0 0 -7px 30px;
}
.home-static h3 {
font-family: georgia, serif; margin: 35px 0 15px;
font-size: 26px; font-weight: normal;
}
.home-static h3 strong {
padding: 0 5px 0 3px; font-weight: normal;
background-image: url(/images/subhd-lb.gif), url(/images/subhd-rb.gif), url(/images/subhd-bg.gif);
background-position: 0 6px, 100% 6px, 0 6px;
background-repeat: no-repeat, no-repeat, repeat-x;
}
.home-static p { margin: 15px 0; }
.home-static .lists { overflow: hidden; width: 100%; }
.home-static .list-l { float: left; width: 440px; }
.home-static .list-r { float: right; width: 450px; }
.home-static .sharethis { margin-top: 40px; }
.hpline { padding: 0; border: none; height: 1px; margin: 35px 0 0; background-color: #b4e9fd; }
.ss-overview { margin: 0 0 10px; }
/* Testimonials */
.testimonial {
margin: 20px 15px 0; padding: 10px 0 0;
background: url(/images/testimonial.gif) no-repeat; font-size: 12px;
}
.testimonial blockquote {
margin: 0; padding: 0 12px 2px; text-align: justify;
font-style: italic; background: #f9f0da;
}
.testimonial em {
display: block; padding: 15px 20px 0 100px; font-size: .9em;
color: #825900; font-weight: bold; font-style: normal;
background: url(/images/testimonial.gif) 100% 0 no-repeat;
}
.testimonial-wide {
padding: 8px 0 8px 15px; border: 1px solid #a8906b;
border-left: none; border-right: none;
font-family: georgia, serif; font-size: 16px;
margin: 30px 0 35px; background: #fffbf4;
}
div.testimonial-intext { text-align: center; margin: 20px 0 0; }
div.testimonial-intext .testimonial-wrap {
width: 500px; margin: 0 auto; padding-top: 10px;
background: url(/images/testimonial-intext.gif) 0 0 no-repeat;
}
div.testimonial-intext blockquote {
width: 475px; margin: 0 auto; padding: 0 10px 4px 15px;
text-align: left; text-indent: -5px; font-size: 13px;
font-family: georgia, serif; background: #f7eee8;
}
div.testimonial-intext strong {
width: 150px; display: block; font-weight: normal;
margin: 0 auto; text-align: left; padding: 20px 0 0 350px;
color: #825900; font-size: 11px;
background: url(/images/testimonial-intext.gif) -500px 0 no-repeat;
}
/* === PRODUCT PAGES === */
.product-content { overflow: hidden; height: 100%; }
.product-content h1 { font-size: 36px; font-weight: normal; letter-spacing: -1px; margin: 15px 0 0; }
.product-content .section-info { margin: 0 0 30px; font-size: 14px; font-weight: bold; font-family: arial, sans-serif; }
.product-content .sides { overflow: hidden; width: 100%; margin-bottom: 30px; }
.product-content .right { width: 686px; }
.product-content .left { width: 214px; font-size: 12px; }
.product-content .compatibility { margin-top: 12px; padding-top: 12px; border-top: 1px dotted #a8906b; }
.product-content .compatibility img { margin: 5px; }
.product-content .documentation p { font-weight: bold; padding-top: 6px; }
.product-content .screenshot { text-align: center; margin-top: 12px; padding-top: 12px; border-top: 1px dotted #a8906b; }
.product-content .buttons-box { text-align: center; }
.product-content .buttons-wrap { margin-top: 40px; margin-bottom: 0; }
.product-detail { }
.product-detail .bigtext { font-size: 16px; line-height: 25px; margin-bottom: 30px; }
.product-detail h2 { margin: 20px 0 15px; font-size: 22px; }
.product-detail h2.first { margin-top: 0; }
.product-detail p, .product-detail h3 { margin: 15px 0; }
.product-detail .big { font-size: 15px; font-family: arial, sans-serif; color: #000 !important; }
.product-detail .tick { padding-left: 40px; background: url(/images/tick.gif) 0 50% no-repeat; }
.nav {
height: 30px; width: 100%; border-bottom: 1px solid #a8906b; margin-bottom: 20px;
}
.nav a { color: #825900; text-decoration: none; padding: 6px 20px 7px; }
.nav a:hover, .nav a.current { color: #000; }
.nav li { float: left; text-transform: uppercase; line-height: 31px; font-size: 12px; font-weight: bold; list-style: none; }
.nav .current { border: 1px solid #a8906b; border-bottom: none; background: #fbf1e0; }
.features-page h3 { font-size: 16px; color: #456b12 !important; padding-top: 10px; margin-top: 35px; border-top: 1px solid #d0efa6; }
.features-page img { margin: 12px auto 0; }
.features-page .image { text-align: center; }
/* Buttons */
.standard-download {
float: left; width: 214px; height: 62px; margin-right: 12px;
background: url(/images/button-download.gif) no-repeat;
display: block; text-indent: -9999em;
}
.standard-download:hover { background-position: 0 -62px; }
.standard-free-download {
float: left; width: 214px; height: 62px; margin-right: 12px;
background: url(/images/button-free-download.gif) no-repeat;
display: block; text-indent: -9999em;
}
.standard-free-download:hover { background-position: 0 -62px; }
.standard-buy {
float: left; width: 193px; height: 44px; margin-top: 9px;
background: url(/images/button-pricing.gif) no-repeat;
display: block; text-indent: -9999em;
}
.standard-buy:hover { background-position: 0 -44px; }
.standard-more {
float: left; width: 195px; height: 62px; margin-right: 12px;
background: url(/images/button-more.gif) no-repeat;
display: block; text-indent: -9999em;
}
.standard-more:hover { background-position: 0 -62px; }
.commercial-buy {
float: left; width: 214px; height: 62px;
background: url(/images/button-buy-commercial-license.gif) no-repeat;
display: block; text-indent: -9999em;
}
.commercial-buy:hover { background-position: 0 -62px; }
/* === SUPPORT === */
.support-content { overflow: hidden; width: 100%; }
.support-content h1 { margin: 15px 0; font-size: 36px; }
.support-content p { margin: 20px 0; }
.support-content hr { margin: 30px 0; }
.support-content .note { font-size: 12px; }
.support-content .left { width: 596px; }
.support-content .right { width: 274px; padding-top: 10px; }
.support-content .contact-form-ct {
position: relative; width: 452px; left: 50%; margin-top: 30px;
margin-left: -230px; background: #fff; border: 2px solid #ecdfb9;
}
.support-content .contact-form-wrap { padding: 20px 30px; border: 1px solid #ac995e; }
.support-content .reference a { padding: 6px 0 6px 30px; background: url(/images/icons/book.gif) 0 50% no-repeat; }
.support-content .guide a { padding: 6px 0 6px 30px; background: url(/images/icons/info.gif) 0 50% no-repeat; }
.support-content .documentation a { padding: 6px 0 6px 30px; background: url(/images/icons/documentation.gif) 0 50% no-repeat; }
/* === ABOUT === */
.about-content h1 { font-size: 40px; font-weight: normal; letter-spacing: -1px; margin: 15px 0 10px; }
.about-content h2 { font-size: 34px; font-weight: normal; letter-spacing: -1px; margin: 40px 0 15px; }
.about-content h3 { font-size: 28px; font-weight: normal; letter-spacing: -1px; margin: 60px 0 15px; }
.about-content .placing { padding-left: 58px; }
.about-content .quote { font-family: georgia, serif; font-size: 21px; margin: 22px 0 28px; }
.about-content .quote b { font-weight: normal; font-size: 120px; display: block; float: left; line-height: 95px; color: #d3cccc; margin: 0 7px 0 0; }
.about-content p { margin: 15px 0 15px 0; width: 630px; text-align: justify; }
.about-content .libor { overflow: hidden; margin: 30px 0 30px 60px; width: 500px; }
.about-content .libor img { float: left; margin-right: 10px; }
.about-content .libor em { display: block; padding-top: 14px; }
.about-content .contact { border-left: 2px solid #a8906b; padding: 5px 0 5px 10px; line-height: 20px; background: #fff3de; }
.about-content .hq {
overflow: hidden; margin: 60px 0 0 -7px; padding: 7px 0 7px 7px; width: 410px; text-align: left;
}
.about-content .hq img {
box-shadow: 0 0 7px #aaa; border: 2px solid #fff; float: left;
}
/* === LEGAL === */
.legal-content { font-size: 14px; }
.legal-content h1 { margin: 15px 0; }
.legal-content h2 { margin: 15px 0 10px; }
.legal-content p { padding: 0 0 20px; }
.legal-content ul.common { padding-bottom: 20px; }
.legal-content ul.common li { padding: 2px 0 3px 23px; background: url(/images/arrow-bullet.gif) 4px 5px no-repeat; }
/* === ORDER / PRICING === */
.order-content h1 { font-size: 36px; font-weight: normal; letter-spacing: -1px; margin: 15px 0 0; }
.order-content .section-info { margin: 0 0 30px; font-size: 14px; }
.order-content .licenses-info {
width: 100%; overflow: hidden; padding: 20px 0 0; margin: 25px 0;
border-top: 1px dotted #a8906b;
}
.order-content .licenses-info .block { float: left; width: 290px; margin-right: 30px; }
.order-content .licenses-info .last { margin-right: 0; }
.order-content .licenses-info h3 { margin-bottom: 5px; font-size: 14px; }
.order-content table {
width: 100%; border-spacing: 0; border: 1px solid #9bc8e8;
border-collapse: collapse; margin: 0;
}
.order-content table td, .order-content table th { border: 1px solid #9bc8e8; }
.order-content table th { background: #ecf7fe; padding: 4px 6px; }
.order-content table td { padding: 12px 8px; }
.order-content table .price { width: 80px; text-align: right; font-weight: bold; }
/* === COMMON LISTS === */
ul.common li { padding: 2px 0 3px 23px; background: url(/images/arrow-bullet.gif) 4px 5px no-repeat; }
ul.checklist li { background: url(/images/icons/tick.gif) 0 0 no-repeat !important; padding: 0 0 10px 23px; }
/* === CONTACT FORM === */
.contact-form { text-align: left; }
.contact-form fieldset { padding: 0; border-width: 0; }
.contact-form label { display: block; }
.contact-form input, .contact-form textarea { margin-bottom: 15px; }
.contact-form .message { width: 360px; height: 140px; }
.contact-form .submit { text-align: center; margin-top: 5px; }
input[type=text], input[type=password], input[type=email], textarea, select {
padding: 2px; border: 1px solid; border-radius: 2px;
background-color: #fff; border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
font-size: 13px; font-family: 'trebuchet ms', sans-serif;
}
input[type=text]:focus, input[type=email]:focus, textarea:focus {
border-color: #d6a140 #efd9b2 #f3e3c6 #f2e1c1;
}
/* === OWL FLAG === */
.owl-flag { position: absolute; top: 0; left: 50%; margin-left: 485px; }
/* === RESPONSIVE HELPERS === */
@media (max-width: 960px) {
.d-placing { width: 95%; }
.d-footer .left, .d-footer .right { float: none; width: 100%; }
.product-content .right { width: 100%; }
.product-content .left { width: 100%; }
.support-content .left { width: 100%; }
.support-content .right { width: 100%; float: none; }
.about-content p { width: 100%; }
.hp-wrap iframe { float: none; margin: 15px auto; display: block; }
.buttons-hp-vertical { float: none; margin: 15px auto; }
.home-static .list-l, .home-static .list-r { float: none; width: 100%; }
.owl-flag { display: none; }
}
</script>
<style>
/* Dropdown menu */
.nav-dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu { display: none; }
</style>
</head>
<body class="bg-gray-50 text-gray-800 font-sans">
<body class={isHome ? 'd-homepage' : ''}>
<div class="d-page">
<!-- Navigation -->
<nav class="bg-owl-blue shadow-lg">
<div class="max-w-6xl mx-auto px-4">
<div class="flex items-center justify-between h-16">
<!-- Logo -->
<a href="/" class="flex items-center gap-2">
<img src="/images/componentowl.gif" alt="Component Owl" class="h-10" onerror="this.style.display='none'" />
<span class="text-white font-bold text-lg hidden sm:block">ComponentOwl</span>
</a>
<!-- Desktop Nav -->
<ul class="hidden md:flex items-center gap-1 text-sm">
<li>
<a href="/" class={`px-3 py-2 rounded text-white hover:bg-owl-blue-light transition ${currentPath === '/' ? 'bg-owl-blue-light' : ''}`}>Home</a>
</li>
<li class="nav-dropdown relative">
<button class="px-3 py-2 rounded text-white hover:bg-owl-blue-light transition flex items-center gap-1">
Products <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"/></svg>
</button>
<div class="dropdown-menu absolute left-0 top-full mt-1 w-72 bg-white rounded shadow-xl z-50 border border-gray-200">
<div class="p-2">
<p class="text-xs font-semibold text-gray-500 uppercase px-3 py-1">WinForms Components</p>
<a href="/better-listview.html" class="flex items-start gap-3 px-3 py-2 hover:bg-blue-50 rounded">
<div>
<div class="font-medium text-owl-blue">Better ListView</div>
<div class="text-xs text-gray-500">Ultimate ListView control for .NET</div>
</div>
</a>
<a href="/better-thumbnail-browser.html" class="flex items-start gap-3 px-3 py-2 hover:bg-blue-50 rounded">
<div>
<div class="font-medium text-owl-blue">Better Thumbnail Browser</div>
<div class="text-xs text-gray-500">Thumbnail loading and browsing control for .NET</div>
</div>
</a>
<a href="/better-splitbutton.html" class="flex items-start gap-3 px-3 py-2 hover:bg-blue-50 rounded">
<div>
<div class="font-medium text-owl-blue">Better SplitButton</div>
<div class="text-xs text-gray-500">Free customizable dropdown button control</div>
</div>
</a>
</div>
<!-- Header -->
<div class="d-header d-placing">
<ul class="d-menu">
<li class={currentPath === '/' ? 'active' : ''}>
<a href="/" class="menu-item">Home</a>
</li>
<li class={`with-dropdown ${currentPath.includes('better-') && !currentPath.includes('pricing') ? 'active' : ''}`}>
<a href="/better-listview" class="menu-item">Products</a>
<div class="dropdown">
<div class="inner">
<div class="dropdown-category">WinForms Components</div>
<a href="/better-listview" class="featured-item">Better ListView<span class="subline">Ultimate ListView control for .NET</span></a>
<a href="/better-thumbnail-browser">Better Thumbnail Browser<span class="subline">Thumbnail loading and browsing control</span></a>
<a href="/better-splitbutton">Better SplitButton<span class="subline">Free customizable dropdown button</span></a>
</div>
</li>
<li>
<a href="/blog.html" class={`px-3 py-2 rounded text-white hover:bg-owl-blue-light transition ${currentPath.startsWith('/blog') ? 'bg-owl-blue-light' : ''}`}>Blog</a>
</li>
<li>
<a href="/about-us.html" class={`px-3 py-2 rounded text-white hover:bg-owl-blue-light transition ${currentPath === '/about-us' ? 'bg-owl-blue-light' : ''}`}>About</a>
</li>
<li>
<a href="/support.html" class={`px-3 py-2 rounded text-white hover:bg-owl-blue-light transition ${currentPath === '/support' ? 'bg-owl-blue-light' : ''}`}>Support</a>
</li>
</ul>
<!-- Mobile menu button -->
<button id="mobile-menu-btn" class="md:hidden text-white p-2">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
</svg>
</button>
</div>
<!-- Mobile Nav -->
<div id="mobile-menu" class="hidden md:hidden pb-4">
<a href="/" class="block px-3 py-2 text-white hover:bg-owl-blue-light rounded">Home</a>
<div class="px-3 py-1 text-blue-200 text-xs font-semibold uppercase mt-2">Products</div>
<a href="/better-listview.html" class="block px-6 py-2 text-white hover:bg-owl-blue-light rounded">Better ListView</a>
<a href="/better-thumbnail-browser.html" class="block px-6 py-2 text-white hover:bg-owl-blue-light rounded">Better Thumbnail Browser</a>
<a href="/better-splitbutton.html" class="block px-6 py-2 text-white hover:bg-owl-blue-light rounded">Better SplitButton</a>
<a href="/blog.html" class="block px-3 py-2 text-white hover:bg-owl-blue-light rounded">Blog</a>
<a href="/about-us.html" class="block px-3 py-2 text-white hover:bg-owl-blue-light rounded">About</a>
<a href="/support.html" class="block px-3 py-2 text-white hover:bg-owl-blue-light rounded">Support</a>
</div>
</li>
<li class={currentPath.includes('pricing') ? 'active' : ''}>
<a href="/pricing-licensing/better-listview" class="menu-item">Purchase</a>
</li>
<li class={currentPath === '/support' ? 'active' : ''}>
<a href="/support" class="menu-item">Support</a>
</li>
<li class={currentPath === '/blog' ? 'active' : ''}>
<a href="/blog" class="menu-item">Blog</a>
</li>
<li class={currentPath === '/about-us' ? 'active' : ''}>
<a href="/about-us" class="menu-item">About</a>
</li>
</ul>
<div class="d-logo">
<a href="/" class="logoimg"><img src="/images/componentowl.gif" alt="Component Owl" /></a>
</div>
</div>
</nav>
<!-- Main Content -->
<main>
<slot />
</main>
<!-- Footer -->
<footer class="bg-owl-blue-dark text-white mt-16">
<div class="max-w-6xl mx-auto px-4 py-10">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div>
<h3 class="font-bold text-lg mb-3">ComponentOwl</h3>
<p class="text-blue-200 text-sm">Professional .NET WinForms components. Better ListView, Better Thumbnail Browser, and Better SplitButton.</p>
</div>
<div>
<h3 class="font-bold mb-3">Products</h3>
<ul class="space-y-1 text-sm text-blue-200">
<li><a href="/better-listview.html" class="hover:text-white">Better ListView</a></li>
<li><a href="/better-thumbnail-browser.html" class="hover:text-white">Better Thumbnail Browser</a></li>
<li><a href="/better-splitbutton.html" class="hover:text-white">Better SplitButton</a></li>
</ul>
</div>
<div>
<h3 class="font-bold mb-3">Company</h3>
<ul class="space-y-1 text-sm text-blue-200">
<li><a href="/about-us.html" class="hover:text-white">About Us</a></li>
<li><a href="/support.html" class="hover:text-white">Support</a></li>
<li><a href="/blog.html" class="hover:text-white">Blog</a></li>
<li><a href="https://twitter.com/ComponentOwl" class="hover:text-white">Twitter</a></li>
</ul>
<!-- Content -->
{isHome ? (
<div class="d-content-wrap">
<slot />
</div>
) : (
<div class="d-placing">
<div class="d-content-wrap">
<slot />
</div>
</div>
<div class="border-t border-blue-800 mt-8 pt-6 flex flex-col md:flex-row justify-between items-center gap-3 text-sm text-blue-300">
<p>&copy; 2021 ComponentOwl.com. All rights reserved.</p>
<div class="flex gap-4">
<a href="/privacy-policy.html" class="hover:text-white">Privacy Policy</a>
<a href="/eula.html" class="hover:text-white">EULA</a>
<a href="/disclaimer.html" class="hover:text-white">Disclaimer</a>
)}
<!-- Footer -->
<div class="d-footer">
<div class="d-placing">
<div class="left">
<div class="latest-posts">
<h4><a href="/blog">Component Owl Blog — Tips, tutorials and news</a></h4>
<div class="post-info">Stay up to date with the latest from Component Owl</div>
</div>
</div>
<div class="right">
<div class="news">
<ul class="links">
<li><a href="/blog" class="rss">Subscribe to RSS</a></li>
<li><a href="https://twitter.com/ComponentOwl" class="twitter">Follow on Twitter</a></li>
</ul>
</div>
</div>
</div>
<div class="d-placing">
<hr />
<div class="copy">
&copy; 2010-2021 <a href="http://www.dextronet.com">Dextronet</a> &middot;
<a href="/privacy-policy">Privacy Policy</a> &middot;
<a href="/eula">EULA</a> &middot;
<a href="/disclaimer">Disclaimer</a>
</div>
</div>
</div>
</footer>
<script>
// Mobile menu toggle
document.getElementById('mobile-menu-btn')?.addEventListener('click', () => {
document.getElementById('mobile-menu')?.classList.toggle('hidden');
});
</script>
</div>
</body>
</html>

View File

@@ -3,113 +3,104 @@ import Base from '../layouts/Base.astro';
---
<Base title="About Component Owl, developers of Better ListView" description="Learn more about Component Owl team, philosophy and history.">
<div class="max-w-4xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-6">About Us</h1>
<div class="owl-flag"><img src="/images/owl-flag.gif" alt="Component Owl" /></div>
<div class="about-content">
<blockquote class="border-l-4 border-owl-blue-light pl-6 py-2 mb-8 text-gray-600 italic text-lg">
"Have you ever wondered why some software immediately strikes you as polished and professional, and looks and feels just great? So did we. Component Owl is the result of our journey."
</blockquote>
<h1>About Us</h1>
<p class="text-gray-700 mb-8">Component Owl is part of the <a href="http://www.dextronet.com" class="text-owl-blue-light hover:underline">Dextronet.com</a> network.</p>
<div class="quote">
<b>&ldquo;</b>Have you ever wondered why some software immediately strikes you as polished and professional, and looks and feels just great? So did we. Component Owl is the result of our journey.
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-10">
<div class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm">
<h2 class="text-xl font-bold text-owl-blue mb-4">About Dextronet</h2>
<p class="text-sm text-gray-700 mb-3">Dextronet has been founded in 2004 with the intention to develop, sell and support software with great design that makes your life better. To put it simply: <strong>We love creating software that you will love to use.</strong></p>
<p class="text-sm text-gray-700 mb-3">In the 14 years that Dextronet has existed, we have been growing and expanding our business organically and responsibly, and attained substantial steady growth each year. We are here to stay.</p>
<p class="text-sm text-gray-700 mb-3">Our flagship and most popular product is <a href="http://www.dextronet.com/swift-to-do-list-software" class="text-owl-blue-light hover:underline">Swift To-Do List</a> (developed in .NET). With over 500,000 downloads and paying customers in 93 countries, it is the number one task and notes organizer for Windows.</p>
<p class="text-sm text-gray-700"><strong>Better ListView component is the core part of Swift To-Do List, and as such, tens of thousands users work with it every day.</strong></p>
</div>
<p>Component Owl is part of the <a href="http://www.dextronet.com">Dextronet.com</a> network.</p>
<div class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm">
<h2 class="text-xl font-bold text-owl-blue mb-4">About Component Owl</h2>
<p class="text-sm text-gray-700 mb-3">ComponentOwl.com was founded as a Dextronet.com spinoff to commercially release Better ListView and other software components originally developed for our in-house purposes.</p>
<p class="text-sm text-gray-700 mb-3">Our goal is to provide complete, light-weight, flexible, intuitive to use and reliable components and controls for Microsoft .NET with native look and feel.</p>
<p class="text-sm text-gray-700 mb-4">Soon after release, Better ListView has started to receive favorable reviews and praise from developers. All our development effort is based on the feedback of our customers.</p>
<div class="bg-blue-50 border-l-4 border-owl-blue p-3 rounded-r">
<p class="text-sm italic text-gray-700">"The [Better ListView] control is very easy and intuitive to use and is well documented."</p>
<p class="text-xs text-gray-500 mt-1">— DevProConnections.com Review</p>
</div>
<div class="placing dextronet" style="padding-left:58px; background: url(/images/icons/dextronet-bird-gray.jpg) no-repeat 0 0;">
<h2 style="padding-top:5px">About Dextronet</h2>
</div>
<p>Dextronet has been founded in 2004 with the intention to develop, sell and support software with great design that makes your life better. To put it simply: <strong>We love creating software that you will love to use.</strong></p>
<p>In the 14 years that Dextronet has existed, we have been growing and expanding our business organically and responsibly, and attained substantial steady growth each year. We are here to stay.</p>
<p>Our flagship and most popular product is <a href="http://www.dextronet.com/swift-to-do-list-software">Swift To-Do List</a> (developed in .NET). With over 500,000 downloads and paying customers in 93 countries, it is the number one task and notes organizer for Windows.</p>
<p><strong>Better ListView component is the core part of Swift To-Do List, and as such, tens of thousands users work with it every day.</strong></p>
<div class="placing cowl" style="padding-left:58px; background: url(/images/icons/component-owl-gray.jpg) no-repeat 0 0;">
<h2 style="padding-top:10px; margin-top:45px">About Component Owl</h2>
</div>
<p>ComponentOwl.com was founded as a Dextronet.com spinoff to commercially release Better ListView and other software components originally developed for our in-house purposes.</p>
<p>Our goal is to provide complete, light-weight, flexible, intuitive to use and reliable components and controls for Microsoft .NET with native look and feel.</p>
<p>Soon after release, Better ListView has started to receive favorable reviews and praise from developers. All our development effort is based on the feedback of our customers.</p>
<div class="testimonial-wide">
"The [Better ListView] control is very easy and intuitive to use and is well documented." — DevProConnections.com Review
</div>
<h2 class="team">Our Team</h2>
<p>Our growing team has over 50+ years of combined experience with development of rich-client desktop Windows software and components.</p>
<div class="libor">
<img src="/images/libor.jpg" alt="Libor Tinka - lead developer" width="80" />
<em>Libor Tinka, Better ListView lead developer, has been programming since 7 years old on ZX Spectrum, and has enormous attention for detail. His interests include programming, quantum physics, advanced mathematics, digital imaging (algorithms, HDR and panoramic photography), and green Japanese tea.</em>
</div>
<h2 class="customers">Our Customers</h2>
<p>Since releasing Better ListView, numerous developers and companies have started utilizing Better ListView in their projects, to save money, development time, and to impress their customers.</p>
<p>Our customers represent a rich spectrum of businesses and organizations, including:</p>
<p>Redgate Software, Kingston Technology, DevScope, Digi Link Limited, KingBill GmbH, Hydro-Québec, LCRA Energy Water Community Services, K-Software, ImageWare Systems, Inc., Interdata srl, OfficeDoxs Software, Inc., Magnet Forensics Inc., Qextron Inc., Telephone Directory of Texas, Inc., Industriinformation Sverige AB, Five O'clock Software, Renegade Minds, Vastgoed24, Netherlands, and many more.</p>
<div class="testimonial-wide">
"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." — Daniel Nolan
</div>
<div class="testimonial-wide">
"I greatly appreciate all of the help you have provided over the past week. The knowledge of your product and Support response time far exceeds that of the other software vendors I have worked with. <strong>I could not be more happy with the product and will be recommending Component Owl to any/all future development teams I am part of</strong>." — Brian S.
</div>
<h3>Association of Software Professionals Member</h3>
<p>We've been proud members of Association of Software Professionals for over 12 years now.</p>
<p>We also contribute to ASPects, the monthly magazine of Association of Software Professionals.</p>
<p><img src="/images/asp_logo-member.png" alt="Association of Software Professionals" /></p>
<div class="testimonial-wide">
"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</strong> a support that really goes the needed extra mile to make things work, like the guys at Component Owl do." — Göran Alfvén, Sweden
</div>
<h3>Microsoft Partner</h3>
<p><img src="/images/microsoft-partner.png" alt="Component Owl is a Microsoft Partner" style="vertical-align:middle; margin-right:10px" /> We are part of the Microsoft Partner Network, which helps us strengthen our capabilities in delivering the best components for Microsoft Windows.</p>
<h2>Our Contact Info</h2>
<p><strong>Contact us today directly with any of your questions, suggestions or comments:</strong></p>
<div class="contact">
support (at) componentowl (dot) com
</div>
<p>You can also use the <a href="/support">contact form</a> in Support section. We usually reply within 24 hours or sooner.</p>
<p>You can <a href="https://twitter.com/ComponentOwl">follow us on twitter</a> and subscribe to our RSS news feed.</p>
<div class="hq">
<img src="/images/brno.jpg" alt="The City of Brno" width="150" />
<div style="padding-left:170px">
<p style="width:auto"><strong>Our offices are based in Brno, Czech Republic, European Union.</strong></p>
<p style="width:auto; font-style:italic; font-size:12px">Brno is the second largest city in Czech Republic, after the capital city Prague. It is a technological hub and home of two computer science universities and influential software enterprises, including AVG and Red Hat.</p>
</div>
</div>
<!-- Team -->
<section class="mb-10">
<h2 class="text-2xl font-bold text-owl-blue mb-4">Our Team</h2>
<p class="text-gray-700 mb-4">Our growing team has over 50+ years of combined experience with development of rich-client desktop Windows software and components.</p>
<div class="flex gap-6 items-start bg-white border border-gray-200 rounded-lg p-6 shadow-sm">
<img src="/images/libor.jpg" alt="Libor Tinka - lead developer" class="w-24 h-24 rounded-full object-cover shrink-0" onerror="this.style.display='none'" />
<p class="text-sm text-gray-700 italic"><em>Libor Tinka, Better ListView lead developer, has been programming since 7 years old on ZX Spectrum, and has enormous attention for detail. His interests include programming, quantum physics, advanced mathematics, digital imaging (algorithms, HDR and panoramic photography), and green Japanese tea.</em></p>
</div>
</section>
<!-- Customers -->
<section class="mb-10">
<h2 class="text-2xl font-bold text-owl-blue mb-4">Our Customers</h2>
<p class="text-gray-700 mb-4">Since releasing Better ListView, numerous developers and companies have started utilizing Better ListView in their projects, to save money, development time, and to impress their customers.</p>
<p class="text-gray-700 mb-4">Our customers represent a rich spectrum of businesses and organizations, including:</p>
<div class="grid grid-cols-2 md:grid-cols-3 gap-2 text-sm text-gray-700 mb-6">
{[
'Redgate Software', 'Kingston Technology', 'DevScope', 'Digi Link Limited',
'KingBill GmbH', 'Hydro-Québec', 'LCRA Energy Water Community Services',
'K-Software', 'ImageWare Systems, Inc.', 'Interdata srl',
'OfficeDoxs Software, Inc.', 'Magnet Forensics Inc.', 'Qextron Inc.',
'Telephone Directory of Texas, Inc.', 'Industriinformation Sverige AB',
'Five O\'clock Software', 'Renegade Minds', 'Vastgoed24, Netherlands',
].map(c => (
<div class="bg-gray-50 border border-gray-200 rounded px-3 py-2">{c}</div>
))}
</div>
<div class="space-y-4">
<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 Nolan</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">"I greatly appreciate all of the help you have provided over the past week. The knowledge of your product and Support response time far exceeds that of the other software vendors I have worked with. <strong>I could not be more happy with the product and will be recommending Component Owl to any/all future development teams I am part of</strong>."</p>
<p class="text-xs text-gray-500 mt-2">— Brian S.</p>
</div>
</div>
</section>
<!-- Associations -->
<section class="mb-10">
<h2 class="text-2xl font-bold text-owl-blue mb-4">Association of Software Professionals Member</h2>
<p class="text-gray-700 mb-3">We've been proud members of Association of Software Professionals for over 12 years now.</p>
<p class="text-gray-700 mb-4">We also contribute to ASPects, the monthly magazine of Association of Software Professionals.</p>
<img src="/images/asp_logo-member.png" alt="Association of Software Professionals" class="mb-6" onerror="this.style.display='none'" />
<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</strong> a support that really goes the needed extra mile to make things work, like the guys at Component Owl do."</p>
<p class="text-xs text-gray-500 mt-2">— Göran Alfvén, Sweden</p>
</div>
</section>
<!-- Microsoft Partner -->
<section class="mb-10">
<h2 class="text-2xl font-bold text-owl-blue mb-4">Microsoft Partner</h2>
<div class="flex items-center gap-4 mb-4">
<img src="/images/microsoft-partner.png" alt="Component Owl is a Microsoft Partner" class="h-16" onerror="this.style.display='none'" />
<p class="text-sm text-gray-700">We are part of the Microsoft Partner Network, which helps us strengthen our capabilities in delivering the best components for Microsoft Windows.</p>
</div>
</section>
<!-- Contact -->
<section class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm">
<h2 class="text-2xl font-bold text-owl-blue mb-4">Our Contact Info</h2>
<p class="text-gray-700 mb-3"><strong>Contact us today directly with any of your questions, suggestions or comments:</strong><br />
<span class="font-mono text-owl-blue">support (at) componentowl (dot) com</span></p>
<p class="text-sm text-gray-700 mb-3">You can also use the <a href="/support.html" class="text-owl-blue-light hover:underline">contact form</a> in Support section. We usually reply within 24 hours or sooner.</p>
<p class="text-sm text-gray-700 mb-4">You can <a href="http://twitter.com/ComponentOwl" class="text-owl-blue-light hover:underline">follow us on twitter</a> and subscribe to our RSS news feed.</p>
<div class="flex gap-4 items-start">
<img src="/images/brno.jpg" alt="The City of Brno" class="w-32 rounded shadow" onerror="this.style.display='none'" />
<div class="text-sm text-gray-700">
<p class="font-semibold mb-1">Our offices are based in Brno, Czech Republic, European Union.</p>
<p class="italic text-gray-500">Brno is the second largest city in Czech Republic, after the capital city Prague. It is a technological hub and home of two computer science universities and influential software enterprises, including AVG and Red Hat.</p>
</div>
</div>
</section>
</div>
</Base>

View File

@@ -3,116 +3,141 @@ 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="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="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>
))}
<div class="sides">
<div class="right">
<ul class="nav">
<li><a href="/better-listview" class="current">Overview</a></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>
<div class="product-detail">
<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>FIPS-compliant</strong>, CLS-compliant, <strong>digitally signed</strong> and strongly named.</li>
<li>Tested in the real world by thousands of users.</li>
</ul>
<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 &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.</p>
<p style="text-align:center"><img src="http://assets.componentowl.com/images/7/Overview Collage_original_1367470843.png?1367445643" alt="Better ListView control" style="max-width:100%" /></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>
<h2>Extra features summary</h2>
<p>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.</p>
{[
{ 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 class="testimonial-wide">
"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." — Göran Alfvén, Sweden
</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 &amp; 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>
<h2>Hierarchical items</h2>
<p>You can create tree-like structures in Better ListView; inbuilt drag &amp; drop hierarchical reordering of items.</p>
<!-- 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 &amp; Licensing</a>
<p class="text-xs text-gray-500 text-center">Version 3.15 / May 27, 2015</p>
</div>
<h2>Improved grouping</h2>
<p>Better grouping customizable group headers look and behavior, collapsible, image support, context menu support, focusable, etc. Each group header can be customized individually.</p>
<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>
<h2>Save/load contents with 1 line of code</h2>
<p>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.</p>
<h2>Double-buffered and flicker free</h2>
<p>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.</p>
<h2>Column header images</h2>
<p>You can use images in column headers. Custom image sizes are supported.</p>
<h2>Sub-item images</h2>
<p>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).</p>
<h2>Multi-column sorting</h2>
<p>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.</p>
<h2>Inbuilt sorting and natural sorting</h2>
<p>Better ListView has inbuilt list view sorting that works out of the box. You no longer need to implement your own item comparer.</p>
<h2>Thumbnails view mode</h2>
<p>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.</p>
<h2>Checkboxes in all views</h2>
<p>You can have checkboxes in LargeIcons view, SmallIcons view, List view, Thumbnails view and of course also in the Details view.</p>
<h2>Three state checkboxes</h2>
<p>Three state checkboxes are supported in Better ListView.</p>
<h2>Powerful list view tooltips</h2>
<p>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.</p>
<h2>XML and binary serialization of everything</h2>
<p>Every part of Better ListView (items, sub-items, column headers) can be both binary and XML serialized.</p>
<h2>Owner drawing</h2>
<p>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.</p>
<h2>Multi-line items</h2>
<p>Better ListView supports multi-line items. Items with very long text can be displayed on multiple lines. Highly customizable and powerful.</p>
<h2>Background image support</h2>
<p>Display background image in Better ListView easily using the BackgroundImage property. Many layouts (stretch, tile, none), alignments, and customizable opacity are supported.</p>
<h2>Context menu for column headers, list items, and empty area</h2>
<p>Better ListView supports 3 types of context menus: Column header context menu, list view items context menu, and empty area context menu.</p>
<h2>Embed controls for item editing</h2>
<p>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.</p>
<h2>Customizable search-by-typing</h2>
<p>Better ListView has excellent customization functionality for find-as-you-type item searching. The search modes include: Prefix, Substring, Prefix + Substring, or Disabled.</p>
<h2>Display text when the list view is empty</h2>
<p>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.</p>
<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. <strong>Save time and ship sooner</strong>.</li>
<li><strong>Better ListView has improved usability and fixed behavior</strong>. Better ListView mimics behavior and look &amp; feel of the Windows Explorer list view to leverage the existing user knowledge.</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.</li>
<li><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.</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.</li>
</ul>
</div>
</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 class="left">
<div class="buttons-box">
<a href="/better-listview" class="standard-free-download" style="float:none;margin:0 auto 10px;display:block">Download Free Trial</a>
<a href="/pricing-licensing/better-listview" class="standard-buy" style="float:none;margin:0 auto 10px;display:inline-block">See Pricing</a>
<p>Version 3.15 / May 27, 2015</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 class="compatibility">
<p><strong>Seamless integration with .NET 2.0 and higher</strong></p>
<div class="documentation">
<p><a href="/better-listview">See Quick Start Guide</a></p>
<p><a href="/better-listview">See Documentation</a></p>
<p><a href="/better-listview">See Class Reference</a></p>
</div>
</div>
<div class="screenshot">
<p><img src="/images/ss-overview.png" alt="Better ListView screenshot" style="max-width:200px" /></p>
</div>
</div>
</div>
<div class="buttons-wrap">
<div class="buttons-hp" style="text-align:center">
<a href="/better-listview" class="standard-free-download">Download Free Trial</a>
<a href="/pricing-licensing/better-listview" class="standard-buy">See Pricing</a>
<div class="logos">
<img src="/images/logo-vs.gif" alt="Visual Studio" />
<img src="/images/logo-dotnet.gif" alt=".NET" />
</div>
</div>
</div>

View File

@@ -3,100 +3,67 @@ import Base from '../layouts/Base.astro';
---
<Base title="Free Split-Button (dropdown button) control for .NET" description="Free for non-commercial use splitbutton control for .NET Windows Forms (C#, VB.net) with native look and feel and flexible features.">
<div class="max-w-6xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-2">Free Split-Button (dropdown button) control for .NET</h1>
<p class="text-gray-600 mb-8">Free for non-commercial use splitbutton control for .NET Windows Forms (C#, VB.net) with native look and feel and flexible features.</p>
<div class="product-content">
<h1>Free Split-Button (dropdown button) control for .NET</h1>
<p class="section-info">Free for non-commercial use splitbutton control for .NET Windows Forms (C#, VB.net) with native look and feel and flexible features.</p>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<div class="lg:col-span-2">
<div class="flex gap-2 border-b border-gray-200 mb-6">
<span class="px-4 py-2 border-b-2 border-owl-blue text-owl-blue font-medium text-sm">Overview</span>
<a href="/better-splitbutton/screenshots" class="px-4 py-2 text-gray-500 hover:text-owl-blue text-sm">Screenshots</a>
<div class="sides">
<div class="right">
<ul class="nav">
<li><a href="/better-splitbutton" class="current">Overview</a></li>
</ul>
<div class="product-detail">
<h2 class="first">What is it?</h2>
<ul class="common">
<li><strong>Split-button (Dropdown button) control for .NET Windows Forms</strong></li>
<li><strong>Free</strong> for non-commercial use, <strong>cheap license for commercial use</strong> with included <strong>source code</strong>.</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.</li>
<li>Runs on Windows 10, 8, 7, Vista, 2003, XP, 2000, and newer, both 32-bit and 64-bit.</li>
</ul>
<h2>Features</h2>
<ul class="common">
<li><strong>Native look and feel</strong> — Better SplitButton always uses the current Windows theme for a consistent, professional appearance.</li>
<li><strong>Flexible dropdown</strong> — Supports context menu, custom controls, or any content in the dropdown area.</li>
<li><strong>Easy to use</strong> — Works just like a regular button with added dropdown functionality.</li>
<li><strong>Customizable</strong> — Full control over appearance, behavior, and dropdown content.</li>
<li><strong>Light-weight</strong> — Small DLL, no dependencies, easy xcopy deployment.</li>
<li><strong>Source code included</strong> with commercial license.</li>
</ul>
<h2>Why Better SplitButton?</h2>
<p>The standard .NET ToolStripSplitButton is limited to toolbars and doesn't work as a standalone control. Better SplitButton fills this gap by providing a proper split-button control that can be placed anywhere on your form, with native Windows theme support and full customization options.</p>
<p>Better SplitButton is free for non-commercial use. Commercial licenses include full source code and are very affordable.</p>
</div>
<h2 class="text-xl font-bold text-owl-blue mb-3">What is it?</h2>
<ul class="space-y-2 text-sm text-gray-700 mb-6">
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span><strong>Split-button (Dropdown button) control for .NET Windows Forms</strong></span></li>
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span><strong>Free</strong> for non-commercial use, <strong>cheap license for commercial use</strong> with included <strong>source code</strong>.</span></li>
</ul>
<div class="text-center mb-6">
<img src="http://assets.componentowl.com/images/36/product-image_original_1328613483.png?1328613483" alt="Better SplitButton" class="mx-auto" />
</div>
<h2 class="text-xl font-bold text-owl-blue mb-3">Features</h2>
<ul class="space-y-2 text-sm text-gray-700 mb-6">
{[
'Supports ContextMenuStrip',
'Adjustable size of the split part',
'Adjustable size of the native-style glyph (down arrow)',
'Separate glyph image can be assigned for every button state',
'Supports images and ImageList of any size',
'Can work like a button or like a drop-down context menu only',
'Can be set to always dropdown',
'Excellent documentation with source code samples and screenshots',
].map(item => (
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span>{item}</span></li>
))}
</ul>
<h2 class="text-xl font-bold text-owl-blue mb-3">Superb compatibility</h2>
<ul class="space-y-2 text-sm text-gray-700 mb-6">
{[
'Compatible with: Visual Studio 2012, 2010, 2008, 2005 (and newer)',
'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 8, 7, Vista, 2003, XP, 2000, and newer, both 32-bit and 64-bit.',
'The assembly is FIPS-compliant, CLS-compliant, digitally signed and strongly named.',
].map(item => (
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span>{item}</span></li>
))}
</ul>
<h2 class="text-xl font-bold text-owl-blue mb-3">High quality and easy to use</h2>
<ul class="space-y-2 text-sm text-gray-700 mb-6">
{[
'Written in pure managed C# code.',
'Full support of modern native Windows themes.',
'Single tiny DLL file, no dependencies.',
'XCopy Deployment',
'Includes samples, both in VB.net and C#, as well as compiled samples explorer.',
'Very easy to use and simple to learn.',
].map(item => (
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span>{item}</span></li>
))}
</ul>
<h2 class="text-xl font-bold text-owl-blue mb-3">About Better SplitButton</h2>
<div class="space-y-3 text-sm text-gray-700">
<p>Better SplitButton is a free button-like control for .NET WinForms that you can start using immediately. It's similar to the regular button, but it includes a "split" part, which can display a dropdown menu once clicked. You can also set the button to be AlwaysDropDown, in such case, there is no separate split part (but the glyph arrow is still displayed), and clicking anywhere on the button will display the dropdown.</p>
<p>The dropdown menu is defined using the native .NET ContextMenuStrip component.</p>
<p>The installation package includes sample projects in both VB.net and C# to get you started immediately. It also includes Samples Explorer with some pre-built samples, so you can quickly see what it can do.</p>
<p>Better SplitButton is free for non-commercial use. Commercial use requires a license that we offer for a very affordable price. We supply source code with all commercial licenses.</p>
</div>
<h2 class="text-xl font-bold text-owl-blue mt-8 mb-3">How can SplitButtons improve your GUI</h2>
<p class="text-sm text-gray-700">SplitButton is an invaluable control if you want to keep your GUI simple and intuitive. It is perfect for "hiding" non-standard or expert options that would complicate your GUI unnecessarily. It occupies the same real estate as a regular button, but can provide your users with far more options.</p>
</div>
<!-- Sidebar -->
<div class="space-y-6">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<a href="/better-splitbutton.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">Free Download</a>
<a href="/pricing-licensing/better-splitbutton.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">Buy commercial license with source code from $67</a>
<p class="text-xs text-gray-500 text-center">Version 3.15 / May 27, 2015</p>
<div class="left">
<div class="buttons-box">
<a href="/better-splitbutton" class="standard-free-download" style="float:none;margin:0 auto 10px;display:block">Free Download</a>
<a href="/pricing-licensing/better-splitbutton" class="commercial-buy" style="float:none;margin:0 auto 10px;display:block">Buy Commercial License</a>
</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-splitbutton/quick-start-guide" class="text-owl-blue-light hover:underline">See Quick Start Guide</a></li>
<li><a href="/better-splitbutton/documentation" class="text-owl-blue-light hover:underline">See Documentation</a></li>
<li><a href="/better-splitbutton/class-reference" class="text-owl-blue-light hover:underline">See Class Reference</a></li>
</ul>
<div class="compatibility">
<p><strong>Seamless integration with .NET 2.0 and higher</strong></p>
<div class="documentation">
<p><a href="/better-splitbutton">See Quick Start Guide</a></p>
<p><a href="/better-splitbutton">See Documentation</a></p>
<p><a href="/better-splitbutton">See Class Reference</a></p>
</div>
</div>
</div>
</div>
<div class="buttons-wrap">
<div class="buttons-hp" style="text-align:center">
<a href="/better-splitbutton" class="standard-free-download">Free Download</a>
<a href="/pricing-licensing/better-splitbutton" class="commercial-buy">Buy Commercial License</a>
</div>
</div>
</div>
</Base>

View File

@@ -3,93 +3,80 @@ import Base from '../layouts/Base.astro';
---
<Base title="Better Thumbnail Browser loading and viewing control for .NET" description="Thumbnail gallery control for .NET WinForms (C#, VB.net). ListView-like image loader, image viewer and image browser component.">
<div class="max-w-6xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-2">Better Thumbnail Browser loading and viewing control for .NET</h1>
<p class="text-gray-600 mb-8">Thumbnail gallery control for .NET WinForms (C#, VB.net). ListView-like image loader, image viewer and image browser component.</p>
<div class="product-content">
<h1>Better Thumbnail Browser loading and viewing control for .NET</h1>
<p class="section-info">Thumbnail gallery control for .NET WinForms (C#, VB.net). ListView-like image loader, image viewer and image browser component.</p>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<div class="lg:col-span-2">
<div class="flex gap-2 border-b border-gray-200 mb-6">
<span class="px-4 py-2 border-b-2 border-owl-blue text-owl-blue font-medium text-sm">Overview</span>
<a href="/better-thumbnail-browser/screenshots" class="px-4 py-2 text-gray-500 hover:text-owl-blue text-sm">Screenshots</a>
</div>
<ul class="space-y-2 text-sm text-gray-700 mb-6">
{[
'Better Thumbnail Browser is a <strong>thumbnail viewing and loading control for .NET Windows Forms</strong>',
'View and automatically display thumbnails of images, graphic files, documents, video files etc.',
'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, both 32-bit and 64-bit.',
'Native look and feel, always uses the current system theme (including Aero support)',
'Saves development time with rich inbuilt functionality',
'Easy to use and well-documented',
'Written in pure managed C# code. Fast and light-weight',
'No dependencies',
'Optimized and smooth',
'Inherits from mature Better ListView control',
'FIPS-compliant, CLS-compliant, digitally signed and strongly named assembly.',
'Easy royalty-free XCOPY deployment. Single DLL file that has just 250kB~ when compressed.',
].map(item => (
<li class="flex gap-2"><span class="text-green-500 mt-0.5 shrink-0">✓</span><span set:html={item}></span></li>
))}
<div class="sides">
<div class="right">
<ul class="nav">
<li><a href="/better-thumbnail-browser" class="current">Overview</a></li>
</ul>
<h2 class="text-xl font-bold text-owl-blue mt-8 mb-3">Image Viewer .NET control with powerful features</h2>
<p class="text-sm text-gray-700 mb-4">Better Thumbnail Browser is a WinForms control for displaying and loading (mostly) <strong>image thumbnails</strong>. Thumbnails are viewed in <strong>listview-like image gallery</strong>.</p>
<p class="text-sm text-gray-700 mb-3">Viewing and loading image thumbnails is a sophisticated task, so this .NET control does these things for you, right out of the box:</p>
<div class="product-detail">
<ul class="common">
<li>Better Thumbnail Browser is a <strong>thumbnail viewing and loading control for .NET Windows Forms</strong></li>
<li>View and automatically display thumbnails of images, graphic files, documents, video files etc.</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.</li>
<li>Runs on Windows 10, 8, 7, Vista, 2003, XP, 2000, and newer, both 32-bit and 64-bit.</li>
<li>Based on <a href="/better-listview">Better ListView</a> — inherits all its features and flexibility.</li>
<li>Automatic thumbnail loading from files and folders.</li>
<li>Supports all common image formats (JPEG, PNG, BMP, GIF, TIFF, etc.).</li>
<li>Asynchronous thumbnail loading — does not block the UI.</li>
<li>Customizable thumbnail sizes and layouts.</li>
<li>Shell integration — displays thumbnails just like Windows Explorer.</li>
</ul>
<ul class="space-y-2 text-sm text-gray-700 mb-6">
{[
'<strong>View images in any folder on HDD</strong>',
'<strong>Load images from any source you want</strong> (including database) with minimum coding needed.',
'<strong>Load thumbnails on background</strong>. All the thread operations and thread synchronization are performed automatically.',
'<strong>Resize images with high-quality image resampling</strong>.',
'<strong>Optimized order of loading of images</strong> — allows loading the thumbnails in view first, then all other thumbnails in the predefined order.',
'<strong>Supports starting, pausing and restarting the image loading</strong> on demand.',
'<strong>Smooth thumbnail zooming</strong> on the fly (e.g. using a mouse-wheel)',
'<strong>Completely flicker-free</strong>, optimized, and smooth',
'Super-customizable: <strong>Set shadows, borders, padding, spacing of all elements</strong>',
'<strong>Grouping of images</strong> — create customizable collapsible groups of thumbnails',
'Supports <strong>multi-line text</strong>, both in image items and column headers',
'<strong>Inbuilt sorting with multi-column sorting</strong> support',
'Supports <strong>checkboxes</strong> (both 2-state or 3-state)',
'Customizable <strong>tooltips</strong> on all elements',
].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>
<h2>What is Better Thumbnail Browser?</h2>
<p>Better Thumbnail Browser is a .NET WinForms control for viewing and browsing thumbnails. It is based on Better ListView and inherits all its features, while adding powerful thumbnail loading and display capabilities.</p>
<div class="bg-blue-50 border border-blue-200 rounded p-4 mb-6 text-center">
<img src="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" alt="Better Thumbnail Browser Overview" class="mx-auto max-w-full rounded" />
<p>Better Thumbnail Browser can automatically load and display thumbnails from files and folders. It supports all common image formats and can also display thumbnails of documents, video files, and other file types through Windows Shell integration.</p>
<h2>Key Features</h2>
<ul class="common">
<li><strong>Automatic thumbnail loading</strong> — Simply point Better Thumbnail Browser to a folder and it will automatically load and display thumbnails of all supported files.</li>
<li><strong>Asynchronous loading</strong> — Thumbnails are loaded in the background, so the UI remains responsive even when loading thousands of files.</li>
<li><strong>Shell integration</strong> — Uses Windows Shell to generate thumbnails, supporting the same file types as Windows Explorer.</li>
<li><strong>Customizable appearance</strong> — Full control over thumbnail sizes, spacing, borders, and layout.</li>
<li><strong>Based on Better ListView</strong> — Inherits all Better ListView features including sorting, grouping, drag &amp; drop, and more.</li>
<li><strong>High performance</strong> — Optimized for displaying thousands of thumbnails smoothly.</li>
</ul>
<div class="testimonial-wide">
"Better Thumbnail Browser is exactly what I needed for my image management application. The shell integration is fantastic." — Customer Review
</div>
<h2>Built on Better ListView</h2>
<p>Better Thumbnail Browser is built on top of Better ListView, which means you get all the power and flexibility of Better ListView plus dedicated thumbnail browsing capabilities. This includes hierarchical items, grouping, sorting, drag &amp; drop, serialization, and much more.</p>
</div>
<h2 class="text-xl font-bold text-owl-blue mt-8 mb-3">Cut development time by up to 50%</h2>
<p class="text-sm text-gray-700 mb-3">The biggest advantage of Better Thumbnail Browser control for .NET is that it saves you development time.</p>
<p class="text-sm text-gray-700 mb-3">For many projects where GUI is important, Better Thumbnail Browser can significantly cut development time. The complex logic of loading, displaying and viewing the thumbnails is done automatically for you.</p>
<p class="text-sm text-gray-700 mb-3">Furthermore, you will save time thanks to many inbuilt features that work out of the box, such as sorting or item reordering. Also, full designer support allows you to do many customizations with zero code.</p>
<p class="text-sm text-gray-700 mb-6">Better Thumbnail Browser comes with numerous samples with full source code, and with excellent documentation with examples.</p>
<h2 class="text-xl font-bold text-owl-blue mt-8 mb-3">High-quality source code available for optional purchase</h2>
<p class="text-sm text-gray-700">In case you require a full source code, it can be purchased as part of the Site or Enterprise licenses. The Better Thumbnail Browser source code consists of a single C# project without any external dependencies, it is clean, readable, fully commented and readily extensible.</p>
</div>
<!-- Sidebar -->
<div class="space-y-6">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<a href="/better-thumbnail-browser.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-thumbnail-browser.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 &amp; Licensing</a>
<p class="text-xs text-gray-500 text-center">Version 3.15 / May 27, 2015</p>
<div class="left">
<div class="buttons-box">
<a href="/better-thumbnail-browser" class="standard-download" style="float:none;margin:0 auto 10px;display:block">Download Trial</a>
<a href="/pricing-licensing/better-thumbnail-browser" class="standard-buy" style="float:none;margin:0 auto 10px;display:inline-block">See Pricing</a>
</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-thumbnail-browser/quick-start-guide" class="text-owl-blue-light hover:underline">See Quick Start Guide</a></li>
<li><a href="/better-thumbnail-browser/documentation" class="text-owl-blue-light hover:underline">See Documentation</a></li>
<li><a href="/better-thumbnail-browser/class-reference" class="text-owl-blue-light hover:underline">See Class Reference</a></li>
</ul>
<div class="compatibility">
<p><strong>Seamless integration with .NET 2.0 and higher</strong></p>
<div class="documentation">
<p><a href="/better-thumbnail-browser">See Quick Start Guide</a></p>
<p><a href="/better-thumbnail-browser">See Documentation</a></p>
<p><a href="/better-thumbnail-browser">See Class Reference</a></p>
</div>
</div>
</div>
</div>
<div class="buttons-wrap">
<div class="buttons-hp" style="text-align:center">
<a href="/better-thumbnail-browser" class="standard-download">Download Trial</a>
<a href="/pricing-licensing/better-thumbnail-browser" class="standard-buy">See Pricing</a>
<div class="logos">
<img src="/images/logo-vs.gif" alt="Visual Studio" />
<img src="/images/logo-dotnet.gif" alt=".NET" />
</div>
</div>
</div>

View File

@@ -1,95 +1,23 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="Owl's Blog on .NET development" description="Component Owl codes Better ListView control all night so you don't have to.">
<Base title="Component Owl Blog" description="Latest news, tips and tutorials from Component Owl.">
<div class="max-w-5xl mx-auto px-4 py-10">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- Posts -->
<div class="lg:col-span-2">
<h1 class="text-3xl font-bold text-owl-blue mb-1">Owl's Blog on .NET development</h1>
<p class="text-gray-500 mb-8 text-sm">Component Owl codes Better ListView control all night so you don't have to.</p>
<div class="resources-content">
<!-- Post 1 -->
<article class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm mb-6">
<h2 class="text-xl font-bold text-owl-blue mb-1">
<a href="/blog/activation-issues-and-how-to-solve-them" class="hover:underline">Activation issues and how to solve them</a>
</h2>
<p class="text-xs text-gray-500 mb-3">Blog Post by Brian Galura published on Wednesday, 01 March 2017 in Better ListView, Components</p>
<div class="text-sm text-gray-700 space-y-2">
<p>Dear Readers, periodically we get emails from users having problems with the activation. So we put together a check list on how to deal with the most frequent issues.</p>
<ol class="list-decimal list-inside space-y-1 text-sm text-gray-700 pl-2">
<li>Try to <strong>rebuild</strong> the project/solution</li>
<li><strong>Restart</strong> Visual Studio if rebuilding the solution did not stop the nag screen</li>
<li>If you use Better ListView in a Class Library project, it should be referenced and activated in both, the main project and the Class Library project.</li>
<li>Do the main project (executable) and all referenced projects contain the <strong>licenses.licx</strong> file within the Properties folder?</li>
<li>The licenses.licx file should contain only a <strong>single reference</strong> to Better ListView with the current version number.</li>
<li>Run the <strong>Activator</strong> application (installed along with the product) and check if it displays a valid license.</li>
<li>You can try to finish the activation via the <strong>Activator app</strong> and then rebuild the main project.</li>
<li>Check, if the <strong>license-blv.dat</strong> file is present in the "C:\ProgramData\Component Owl\" folder after activation.</li>
<li>Check, if your projects reference the <strong>same version</strong> of Better ListView as the one that is installed.</li>
<li>The Better ListView has to be activated on each machine where it is built.</li>
</ol>
</div>
</article>
<h1 class="section-heading">Blog</h1>
<!-- Post 2 -->
<article class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm mb-6">
<h2 class="text-xl font-bold text-owl-blue mb-1">
<a href="/blog/three-main-advantages" class="hover:underline">The Three Main Advantages Better ListView has Over the Classic .NET Framework</a>
</h2>
<p class="text-xs text-gray-500 mb-3">Blog Post by Brian Galura published on Thursday, 09 February 2017 in Better ListView</p>
<div class="text-sm text-gray-700 space-y-3">
<p>When evaluating an alternative to replace the .NET ListView you might stumble upon the question: what sets the different solutions available apart from each other?</p>
<p><strong>1) The intuitive approach on getting started</strong><br />
The good thing is, you can get started right away. Due to the build-up of processes, as well as the well documented procedures you have almost no learning period. Component Owl keeps its design close to the original .NET ListView so you do not have to get acquainted to a completely new system.</p>
<p><strong>2) The fast and helpful support</strong><br />
As Component Owl has been on the market for quite a while now, it has been further developed and improved countless times, resulting in a detailed and meaningful FAQ which answers the majority of your questions. You can rely on our support system which will give you feedback within 24 hours.</p>
<p><strong>3) The possibility to customize</strong><br />
Just like every developer has his own style of working, Component Owl can be customized to every user's needs. The many opportunities to adapt your surface to your favorite design allows you to optimize your workflow to perform even better.</p>
</div>
</article>
<p>Welcome to the Component Owl blog. Here you'll find tips, tutorials, and news about our .NET components.</p>
<!-- Pagination -->
<div class="flex justify-between text-sm">
<a href="/blog.html" class="text-owl-blue-light hover:underline">&laquo; Older Entries</a>
</div>
</div>
<p>For the latest updates, follow us on <a href="https://twitter.com/ComponentOwl">Twitter</a> or subscribe to our <a href="/blog">RSS feed</a>.</p>
<!-- Sidebar -->
<div class="space-y-6">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<ul class="space-y-2 text-sm">
<li><a href="https://feeds.rss" class="text-owl-blue-light hover:underline flex items-center gap-2">📡 Subscribe to our RSS</a></li>
<li><a href="https://twitter.com/ComponentOwl" class="text-owl-blue-light hover:underline flex items-center gap-2">🐦 Follow us on Twitter</a></li>
<li><a href="https://facebook.com/ComponentOwl" class="text-owl-blue-light hover:underline flex items-center gap-2">📘 Follow us on Facebook</a></li>
</ul>
</div>
<hr />
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<h3 class="font-bold text-owl-blue mb-3">Categories</h3>
<ul class="space-y-1 text-sm text-gray-700">
<li><a href="/blog.html" class="hover:text-owl-blue">Announcements (8)</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">Better ListView (44)</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">Components (9)</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">Programming (2)</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">Tutorials (19)</a></li>
</ul>
</div>
<h2>Better ListView Tips &amp; Tricks</h2>
<p>Check back soon for new articles and tutorials about getting the most out of Better ListView, Better Thumbnail Browser, and Better SplitButton.</p>
<p>In the meantime, visit our <a href="/support">Support</a> page for documentation, quick start guides, and class references for all our products.</p>
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<h3 class="font-bold text-owl-blue mb-3">Archives</h3>
<ul class="space-y-1 text-sm text-gray-700">
<li><a href="/blog.html" class="hover:text-owl-blue">March 2017</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">February 2017</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">November 2016</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">August 2014</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">July 2014</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">April 2014</a></li>
</ul>
</div>
</div>
</div>
</div>
</Base>

View File

@@ -1,24 +1,32 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="Disclaimer - ComponentOwl" description="Disclaimer for ComponentOwl.com website and products.">
<Base title="Disclaimer - Component Owl" description="Disclaimer for ComponentOwl.com website and products.">
<div class="max-w-3xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-6">Disclaimer</h1>
<div class="legal-content disclaimer">
<div class="prose prose-sm max-w-none text-gray-700 space-y-4">
<p>The information contained in this website is for general information purposes only. The information is provided by Jiri Novotny and Dextronet.com and while we endeavor to keep the information up to date and correct, we make no representations or warranties of any kind, express or implied, about the completeness, accuracy, reliability, suitability or availability with respect to the website or the information, products, services, or related graphics contained on the website for any purpose. Any reliance you place on such information is therefore strictly at your own risk. All content is provided "as is".</p>
<h1>Disclaimer</h1>
<p>In no event will we be liable for any loss or damage including without limitation, indirect or consequential loss or damage, or any loss or damage whatsoever arising from loss of data or profits arising out of, or in connection with, the use of this website.</p>
<h2>General</h2>
<p>Through this website you are able to link to other websites which are not under our control. We have no control over the nature, content and availability of those sites. The inclusion of any links does not necessarily imply a recommendation or endorse the views expressed within them.</p>
<p>The information contained in this website is for general information purposes only. The information is provided by ComponentOwl.com and while we endeavour to keep the information up to date and correct, we make no representations or warranties of any kind, express or implied, about the completeness, accuracy, reliability, suitability or availability with respect to the website or the information, products, services, or related graphics contained on the website for any purpose. Any reliance you place on such information is therefore strictly at your own risk.</p>
<p>Every effort is made to keep the website up and running smoothly. However, Jiri Novotny and Dextronet.com take no responsibility for, and will not be liable for, the website or any related products or services being temporarily unavailable due to technical issues beyond our control.</p>
<h2>Limitation of Liability</h2>
<p>All software offered by Jiri Novotny and Dextronet.com comes with End User License Agreement that you are bound to accept and agree to in order to install and use the software.</p>
<p>In no event will we be liable for any loss or damage including without limitation, indirect or consequential loss or damage, or any loss or damage whatsoever arising from loss of data or profits arising out of, or in connection with, the use of this website.</p>
<h2>External Links</h2>
<p>Through this website you are able to link to other websites which are not under the control of ComponentOwl.com. We have no control over the nature, content and availability of those sites. The inclusion of any links does not necessarily imply a recommendation or endorse the views expressed within them.</p>
<h2>Availability</h2>
<p>Every effort is made to keep the website up and running smoothly. However, ComponentOwl.com takes no responsibility for, and will not be liable for, the website being temporarily unavailable due to technical issues beyond our control.</p>
<h2>Copyright</h2>
<p>All content on this website, including but not limited to text, graphics, logos, images, and software, is the property of ComponentOwl.com or its content suppliers and is protected by international copyright laws.</p>
<p>This website and its content is copyright of Jiri Novotny and Dextronet.com &copy; Jiri Novotny and Dextronet.com 2005-2010. All rights reserved.</p>
</div>
</div>
</Base>

View File

@@ -1,78 +1,81 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="Software License Agreement (EULA) - ComponentOwl" description="End User License Agreement for all products published by Component Owl.">
<Base title="Software license agreement (EULA) - Component Owl" description="Software license agreement (EULA) for all products published by Component Owl.">
<div class="max-w-3xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-6">Software license agreement (EULA)</h1>
<p class="text-sm text-gray-600 italic mb-2"><strong>The following license agreement applies to all products published by Component Owl.</strong></p>
<p class="text-sm text-gray-700 mb-2">Before installing this software on your computer, please carefully read the following terms and conditions.</p>
<p class="text-sm text-gray-700 mb-8">If you do not fully accept and agree to these terms, then you are not allowed to install and use this software.</p>
<div class="legal-content">
<div class="prose prose-sm max-w-none text-gray-700 space-y-6">
<section>
<h2 class="text-lg font-bold text-owl-blue">1. Trialware</h2>
<p>This Software is distributed as Trialware. It is not free. You may use the Software for a trial period, at no cost to you, to determine if it fits your needs. If you decide to use the Software, you must purchase it and pay the applicable fee. You may use the software in your commercial or non-commercial projects without purchasing a valid license. The trial version of this software may be used only to determine if the software suits your needs.</p>
</section>
<h1>Software license agreement (EULA)</h1>
<section>
<h2 class="text-lg font-bold text-owl-blue">2. License Grant</h2>
<p>This is a License between you ("Licensee") and Jiri Novotny ("ComponentOwl.com"). ComponentOwl.com grants to you a non-exclusive license to use the enclosed copy of software in accord with the terms set forth in this License Agreement. The software is owned by Jiri Novotny and ComponentOwl.com and protected by copyright laws.</p>
<p>Software is licensed and not sold to you.</p>
</section>
<p><em><strong>The following license agreement applies to all products published by Component Owl.</strong></em></p>
<section>
<h2 class="text-lg font-bold text-owl-blue">3. License Permits</h2>
<p>The software is licensed on per-developer basis. You need a multi-license in order to use the software in projects that more than one developer participates on. Each developer may use the software on up to 2 machines.</p>
</section>
<p>Before installing this software on your computer, please carefully read the following terms and conditions.</p>
<section>
<h2 class="text-lg font-bold text-owl-blue">4. License Does Not Permit</h2>
<p>Licenses may not be transferred except with specific written authorization from ComponentOwl.com.</p>
<p>Licensee may not publicize or distribute any registration code algorithms, information, or license codes used by this software without permission of ComponentOwl.com. Licensee may not charge fees for distribution or delivery of the Software without expressed written consent of ComponentOwl.com. All granted licenses are non-transferable to other persons outside the organization of licensee.</p>
<p>Licensee may not decompile, disassemble or reverse engineer this software.</p>
<p>It's strictly prohibited to sell or rent this software. Full version may be used only by the person to whom it has been licensed to.</p>
<p>It's strictly prohibited to distribute source code (full or partial) of this software under any circumstances.</p>
<p>Licensee may not under any circumstances distribute:</p>
<ul class="list-disc list-inside space-y-1 pl-2">
<li>Stand-alone components based on ComponentOwl.com software</li>
<li>Products based on ComponentOwl.com software that are similar to ComponentOwl.com software or competing with ComponentOwl.com software</li>
</ul>
<p class="text-sm italic">(Note: Please contact ComponentOwl.com for a custom license if the above is required by the nature of your project.)</p>
</section>
<p>If you do not fully accept and agree to these terms, then you are not allowed to install and use this software.</p>
<section>
<h2 class="text-lg font-bold text-owl-blue">5. Distribution (Royalty Free)</h2>
<p>If you have purchased a valid license, compiled binaries (.DLL) of the software may be distributed royalty-free with your products. If you have purchased source code, the software may be integrated into your software applications (.EXE).</p>
<p>The installation package of the trial version of this software may be freely distributed, as long as no fees are charged, and original packaging and documentation are retained.</p>
</section>
<h2>1. Trialware</h2>
<section>
<h2 class="text-lg font-bold text-owl-blue">6. No Warranty</h2>
<p>This software has no warranty of suitability for a particular purpose or satisfactory quality. This Software is provided to licensee "as is".</p>
</section>
<p>This Software is distributed as Trialware. It is not free. You may use the Software for a trial period, at no cost to you, to determine if it fits your needs. If you decide to use the Software, you must purchase it and pay the applicable fee. You may use the software in your commercial or non-commercial projects without purchasing a valid license. The trial version of this software may be used only to determine if the software suits your needs.</p>
<section>
<h2 class="text-lg font-bold text-owl-blue">7. Newsletter</h2>
<p>By ordering this software you agree to receive our software newsletter with information about Software updates. ComponentOwl.com will ensure that it is possible to easily unsubscribe from all such newsletters.</p>
</section>
<h2>2. License Grant</h2>
<section>
<h2 class="text-lg font-bold text-owl-blue">8. Publicity</h2>
<p>You grant the right to include your company's name and logo as a customer on ComponentOwl.com website and other advertising and promotional materials. Within thirty days after your written request (usually sooner), your company's name and other materials will be removed from ComponentOwl.com.</p>
</section>
<p>This is a License between you ("Licensee") and Jiri Novotny ("ComponentOwl.com"). ComponentOwl.com grants to you a non-exclusive license to use the enclosed copy of software in accord with the terms set forth in this License Agreement. The software is owned by Jiri Novotny and ComponentOwl.com and protected by copyright laws.</p>
<section>
<h2 class="text-lg font-bold text-owl-blue">9. Premium Support</h2>
<p>Premium support is a paid service that licensee may purchase together with a license of the software. ComponentOwl.com will make reasonable effort to help the licensee to resolve issues directly related to software and its defect. ComponentOwl.com can not guarantee successful resolution of all support incidents. ComponentOwl.com is not obliged to provide support if more than 20 incidents are raised per year by the licensee or the ComponentOwl.com support service is abused in any way. Custom development is not covered by the premium support.</p>
<p>ComponentOwl.com also reserves the right to terminate any premium support contract with a pro-rated refund.</p>
</section>
<p>Software is licensed and not sold to you.</p>
<h2>3. License Permits</h2>
<p>The software is licensed on per-developer basis. You need a multi-license in order to use the software in projects that more than one developer participates on. Each developer may use the software on up to 2 machines.</p>
<h2>4. License Does Not Permit</h2>
<p>Licenses may not be transferred except with specific written authorization from ComponentOwl.com.</p>
<p>Licensee may not publicize or distribute any registration code algorithms, information, or license codes used by this software without permission of ComponentOwl.com. Licensee may not charge fees for distribution or delivery of the Software without expressed written consent of ComponentOwl.com. All granted licenses are non-transferable to other persons outside the organization of licensee.</p>
<p>Licensee may not decompile, disassemble or reverse engineer this software.</p>
<p>It's strictly prohibited to sell or rent this software. Full version may be used only by the person to whom it has been licensed to.</p>
<p>It's strictly prohibited to distribute source code (full or partial) of this software under any circumstances.</p>
<p>Licensee may not under any circumstances distribute:</p>
<ul class="common">
<li>Stand-alone components based on ComponentOwl.com software</li>
<li>Products based on ComponentOwl.com software that are similar to ComponentOwl.com software or competing with ComponentOwl.com software</li>
</ul>
<p>(Note: Please contact ComponentOwl.com for a custom license if the above is required by the nature of your project.)</p>
<h2>5. Distribution (Royalty Free)</h2>
<p>If you have purchased a valid license, compiled binaries (.DLL) of the software may be distributed royalty-free with your products. If you have purchased source code, the software may be integrated into your software applications (.EXE).</p>
<p>The installation package of the trial version of this software may be freely distributed, as long as no fees are charged, and original packaging and documentation are retained.</p>
<h2>6. No Warranty</h2>
<p>This software has no warranty of suitability for a particular purpose or satisfactory quality. This Software is provided to licensee "as is".</p>
<h2>7. Newsletter</h2>
<p>By ordering this software you agree to receive our software newsletter with information about Software updates. ComponentOwl.com will ensure that it is possible to easily unsubscribe from all such newsletters.</p>
<h2>8. Publicity</h2>
<p>You grant the right to include your company's name and logo as a customer on ComponentOwl.com website and other advertising and promotional materials. Within thirty days after your written request (usually sooner), your company's name and other materials will be removed from ComponentOwl.com.</p>
<h2>9. Premium Support</h2>
<p>Premium support is a paid service that licensee may purchase together with a license of the software. ComponentOwl.com will make reasonable effort to help the licensee to resolve issues directly related to software and its defect. ComponentOwl.com can not guarantee successful resolution of all support incidents. ComponentOwl.com is not obliged to provide support if more than 20 incidents are raised per year by the licensee or the ComponentOwl.com support service is abused in any way. Custom development is not covered by the premium support.</p>
<p>ComponentOwl.com also reserves the right to terminate any premium support contract with a pro-rated refund.</p>
<h2>10. Disclaimer</h2>
<p>Licensee hereby disclaims and indemnifies ComponentOwl.com from any juridical claims or complaints about the Software.</p>
<section>
<h2 class="text-lg font-bold text-owl-blue">10. Disclaimer</h2>
<p>Licensee hereby disclaims and indemnifies ComponentOwl.com from any juridical claims or complaints about the Software.</p>
</section>
</div>
</div>
</Base>

View File

@@ -3,155 +3,160 @@ import Base from '../layouts/Base.astro';
---
<Base title="Better ListView .NET control: Improved List View control for C# and VB.NET (Windows Forms)" description="Better ListView by Component Owl is a .NET WinForms control designed to replace the standard list view control included with C#/VB.net.">
<!-- Hero -->
<section class="bg-gradient-to-b from-owl-blue to-owl-blue-light text-white py-16">
<div class="max-w-6xl mx-auto px-4 text-center">
<h1 class="text-3xl md:text-4xl font-bold mb-3">Better ListView alternative — .NET control for WinForms</h1>
<p class="text-blue-100 text-lg mb-2">The number one replacement component for the regular .NET ListView control.</p>
<p class="text-blue-100 mb-8">We've rewritten the .NET ListView control. Great look and feel, more features, better behavior. No learning needed.</p>
<div class="d-placing">
<h1 class="homehd"><span>Better ListView alternative — .NET control for WinForms</span></h1>
<h2 class="homeph">The number one replacement component for the regular .NET ListView control.</h2>
<h2 class="homeph">We've rewritten the .NET ListView control. Great look and feel, more features, better behavior. No learning needed.</h2>
<div class="flex flex-col sm:flex-row gap-3 justify-center mb-10">
<a href="/better-listview.html" class="bg-green-500 hover:bg-green-600 text-white font-semibold px-6 py-3 rounded shadow transition">Download Free Trial — With sample projects</a>
<a href="/better-listview.html" class="bg-white text-owl-blue hover:bg-blue-50 font-semibold px-6 py-3 rounded shadow transition">Learn More — Features &amp; Screenshots</a>
<a href="/pricing-licensing/better-listview.html" class="bg-orange-500 hover:bg-orange-600 text-white font-semibold px-6 py-3 rounded shadow transition">See Pricing &amp; Licensing</a>
</div>
<!-- YouTube embed -->
<div class="flex justify-center">
<iframe width="560" height="315" src="https://www.youtube.com/embed/hsY5OLRwNYw" frameborder="0" allowfullscreen class="rounded shadow-lg max-w-full"></iframe>
<div class="hp-wrap">
<div class="buttons-hp-vertical">
<a href="/better-listview" class="standard-free-download">Download Free Trial</a>
<a href="/pricing-licensing/better-listview" class="standard-buy">See Pricing</a>
<div class="logos">
<img src="/images/logo-vs.gif" alt="Visual Studio" />
<img src="/images/logo-dotnet.gif" alt=".NET" />
</div>
</div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/hsY5OLRwNYw" frameborder="0" allowfullscreen></iframe>
</div>
</section>
<!-- Screenshot -->
<section class="max-w-6xl mx-auto px-4 py-12 text-center">
<h2 class="text-2xl font-bold text-owl-blue mb-6">New Better ListView 3.15</h2>
<img src="/images/ss-overview.png" alt="Better ListView 2.0 Overview" class="mx-auto rounded shadow-lg max-w-full" />
</section>
<div class="home-static">
<!-- Compatibility -->
<section class="bg-white py-12">
<div class="max-w-6xl mx-auto px-4">
<h2 class="text-2xl font-bold text-owl-blue text-center mb-8">Excellent compatibility of Better ListView</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="bg-gray-50 rounded-lg p-6 border border-gray-200">
<h3 class="font-bold text-owl-blue mb-3">Visual Studio</h3>
<ul class="text-sm text-gray-700 space-y-1">
<li>Visual Studio 2015, 2013, 2012, 2010, 2008, 2005</li>
<div class="darrows"></div>
<div class="buttons-hp buttons-hp-horizontal">
<a href="/better-listview" class="standard-free-download">Download Free Trial</a>
<a href="/pricing-licensing/better-listview" class="standard-buy">See Pricing</a>
<div class="logos">
<img src="/images/logo-vs.gif" alt="Visual Studio" />
<img src="/images/logo-dotnet.gif" alt=".NET" />
<img src="/images/logo-win.gif" alt="Windows" />
</div>
</div>
<p class="ss-overview"><img src="/images/ss-overview.png" alt="Better ListView 2.0 Overview" /></p>
<h3><strong>Excellent compatibility of Better ListView</strong></h3>
<div class="lists">
<div class="list-l">
<ul class="common">
<li>Visual Studio 2015, 2013, 2012, 2010, 2008, 2005 — with full designer support</li>
<li>C#, Visual Basic .NET (VB.NET), managed C++, and other CLI languages</li>
</ul>
</div>
<div class="bg-gray-50 rounded-lg p-6 border border-gray-200">
<h3 class="font-bold text-owl-blue mb-3">.NET &amp; Windows</h3>
<ul class="text-sm text-gray-700 space-y-1">
<li>.NET 4.5, .NET 4, .NET 3.5, .NET 3, .NET 2, and newer</li>
<div class="list-r">
<ul class="common">
<li>.NET 4.5, .NET 4, .NET 3.5, .NET 3, .NET 2, and newer. Supports .NET Client Profile.</li>
<li>Windows 10, 8, 7, Vista, 2003, XP, 2000, and newer — 32-bit and 64-bit</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Advantages & Features -->
<section class="max-w-6xl mx-auto px-4 py-12">
<div class="grid grid-cols-1 md:grid-cols-2 gap-10">
<div>
<h3 class="text-xl font-bold text-owl-blue mb-4">Better ListView <strong>advantages:</strong></h3>
<ul class="space-y-2 text-sm text-gray-700">
{[
'Single small DLL file (less than 250kB when compressed).',
'FIPS-compliant, CLS-compliant, digitally signed and strongly named.',
'Easy deployment (xcopy). No dependencies. No installation.',
'Royalty-free distribution. No runtime licensing.',
'Written from scratch in pure managed code.',
'Fast, optimized for 10,000+ items.',
'No learning needed. Very similar to regular .NET ListView control.',
'User-friendly and developer-friendly.',
'No limits of the regular Microsoft .NET ListView control.',
'Tested by thousands of users world-wide.',
'Guaranteed continued support and development.',
'Well documented, intuitive method/properties names.',
'Always looks great. Always fully uses the current Windows theme, including Aero support.',
'Enterprise source code licenses available.',
'Fast 24-hour or faster support.',
].map(item => (
<li class="flex gap-2"><span class="text-green-500 mt-0.5">✓</span><span>{item}</span></li>
))}
</ul>
</div>
<div>
<h3 class="text-xl font-bold text-owl-blue mb-4">BetterListView <strong>extra features:</strong></h3>
<p class="text-sm text-gray-600 mb-3">Better ListView has hundreds of extra features compared to the regular .NET ListView control. Some of the most notable include:</p>
<ul class="space-y-2 text-sm text-gray-700">
{[
'Hierarchical items. Supports sub-items like in the tree view control.',
'Thumbnails view.',
'Serialization XML and Binary.',
'Save/load Better ListView content into XML or binary in just 1 line of code.',
'Inbuilt drag & drop reordering (with insertion mark indicator).',
'Sub-item images.',
'Double-buffered and flicker-free.',
'Highly customizable and flexible.',
'Multi-column sorting.',
'Inbuilt sorting (zero code needed).',
'Checkboxes in all views, 3-state support.',
'Better grouping collapsible, image support, context menu support, focusable.',
'Embedded editing controls, support for custom controls.',
'Complex data binding with custom column mapping.',
].map(item => (
<li class="flex gap-2"><span class="text-green-500 mt-0.5">✓</span><span>{item}</span></li>
))}
</ul>
</div>
</div>
</section>
<h3><strong>Better ListView advantages:</strong></h3>
<!-- Testimonial -->
<section class="bg-owl-blue text-white py-8">
<div class="max-w-3xl mx-auto px-4 text-center">
<blockquote class="text-xl italic">"Better List View is <strong>awesome</strong>." — Daniel Nolan</blockquote>
</div>
</section>
<!-- Why Better ListView -->
<section class="max-w-6xl mx-auto px-4 py-12">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<div class="lg:col-span-2">
<h3 class="text-2xl font-bold text-owl-blue mb-4">Why is Better ListView the best ListView replacement component for .NET (C#, VB)?</h3>
<div class="prose prose-sm text-gray-700 space-y-3">
<p>To put it simply, there is nothing like Better ListView out there. Nothing.</p>
<p>Better ListView has been designed as a component that can easily replace the original ListView control supplied with .NET. There is virtually no learning needed. It's just intuitive.</p>
<p>Better ListView looks native and always fully utilizes the current system theme (so there is no weird inconsistent look), and it also behaves exactly like it should. We've modeled it after the original list view component and the list view used in Windows Explorer — everyone already knows how to use it.</p>
<p>We put extreme attention to details. All the little quirks and nuances that drive us crazy when it comes to components of many smaller vendors are resolved in Better ListView. You will be amazed how flexible and customizable it is, and how great it feels to use it.</p>
<p>Most importantly, <strong>Better ListView is packed full of great features</strong>.</p>
<p>If you are wondering why we created Better ListView, you can read <a href="/better-listview.html" class="text-owl-blue-light hover:underline">our story</a>.</p>
<div class="lists">
<div class="list-l">
<ul class="common">
<li>Single small DLL file (less than 250kB when compressed).</li>
<li>FIPS-compliant, CLS-compliant, digitally signed and strongly named.</li>
<li>Easy deployment (xcopy). No dependencies. No installation.</li>
<li>Royalty-free distribution. No runtime licensing.</li>
<li>Written from scratch in pure managed code.</li>
<li>Fast, optimized for 10,000+ items.</li>
<li>No learning needed. Very similar to regular .NET ListView control.</li>
<li>User-friendly and developer-friendly.</li>
</ul>
</div>
<div class="list-r">
<ul class="common">
<li>No limits of the regular Microsoft .NET ListView control.</li>
<li>Tested by thousands of users world-wide.</li>
<li>Guaranteed continued support and development.</li>
<li>Well documented, intuitive method/properties names.</li>
<li>Always looks great. Always fully uses the current Windows theme, including Aero support.</li>
<li>Enterprise source code licenses available.</li>
<li>Fast 24-hour or faster support.</li>
</ul>
</div>
</div>
<div class="space-y-4">
{[
{ quote: "Better ListView really is better — it kills the standard .NET ListView in both performance and flexibility. I'll never use anything else.", author: "Mitchell Vincent, KSoftware" },
{ quote: "Wow! This is so easy to use. I'm not a very experienced VB.NET programmer, but I was up and running w/ Better List View in a matter of minutes. Great product! It's just what I needed.", author: "Bret Reece, Five O'clock Software" },
{ quote: "Overall what I really like about Better ListView is that you've gone for elegance, simplicity and consistency in the appearance and the behaviour of the control.", author: "Daniel Nolan" },
{ quote: "The control is very easy and intuitive to use and is well documented.", author: "DevProConnections.com Review" },
].map(t => (
<div class="bg-blue-50 border-l-4 border-owl-blue-light p-4 rounded-r">
<p class="text-sm italic text-gray-700">"{t.quote}"</p>
<p class="text-xs text-gray-500 mt-2">— {t.author}</p>
</div>
))}
</div>
</div>
</section>
<!-- Bottom CTA -->
<section class="bg-gray-100 py-10">
<div class="max-w-6xl mx-auto px-4 text-center">
<div class="flex flex-col sm:flex-row gap-3 justify-center">
<a href="/better-listview.html" class="bg-green-500 hover:bg-green-600 text-white font-semibold px-6 py-3 rounded shadow transition">Download Free Trial — With sample projects</a>
<a href="/better-listview.html" class="bg-owl-blue hover:bg-owl-blue-light text-white font-semibold px-6 py-3 rounded shadow transition">Learn More — Features &amp; Screenshots</a>
<a href="/pricing-licensing/better-listview.html" class="bg-orange-500 hover:bg-orange-600 text-white font-semibold px-6 py-3 rounded shadow transition">See Pricing &amp; Licensing</a>
<div class="testimonial-wide">
"Better List View is <strong>awesome</strong>." — Daniel Nolan
</div>
<h3><strong>BetterListView extra features:</strong></h3>
<p>Better ListView has hundreds of extra features compared to the regular .NET ListView control. Some of the most notable include:</p>
<div class="lists">
<div class="list-l">
<ul class="common">
<li>Hierarchical items. Supports sub-items like in the tree view control.</li>
<li>Thumbnails view.</li>
<li>Serialization XML and Binary.</li>
<li>Save/load Better ListView content into XML or binary in just 1 line of code.</li>
<li>Inbuilt drag &amp; drop reordering (with insertion mark indicator).</li>
<li>Sub-item images.</li>
<li>Double-buffered and flicker-free.</li>
</ul>
</div>
<div class="list-r">
<ul class="common">
<li>Highly customizable and flexible.</li>
<li>Multi-column sorting.</li>
<li>Inbuilt sorting (zero code needed).</li>
<li>Checkboxes in all views, 3-state support.</li>
<li>Better grouping collapsible, image support, context menu support, focusable.</li>
<li>Embedded editing controls, support for custom controls.</li>
<li>Complex data binding with custom column mapping.</li>
</ul>
</div>
</div>
<hr class="hpline" />
<h3><strong>Why is Better ListView the best ListView replacement component for .NET (C#, VB)?</strong></h3>
<p>To put it simply, there is nothing like Better ListView out there. Nothing.</p>
<p>Better ListView has been designed as a component that can easily replace the original ListView control supplied with .NET. There is virtually no learning needed. It's just intuitive.</p>
<p>Better ListView looks native and always fully utilizes the current system theme (so there is no weird inconsistent look), and it also behaves exactly like it should. We've modeled it after the original list view component and the list view used in Windows Explorer — everyone already knows how to use it.</p>
<p>We put extreme attention to details. All the little quirks and nuances that drive us crazy when it comes to components of many smaller vendors are resolved in Better ListView. You will be amazed how flexible and customizable it is, and how great it feels to use it.</p>
<p>Most importantly, <strong>Better ListView is packed full of great features</strong>.</p>
<p>If you are wondering why we created Better ListView, you can read <a href="/better-listview">our story</a>.</p>
<div class="testimonial-wide">
"Better ListView really is better — it kills the standard .NET ListView in both performance and flexibility. I'll never use anything else." — Mitchell Vincent, KSoftware
</div>
<div class="testimonial-wide">
"Wow! This is so easy to use. I'm not a very experienced VB.NET programmer, but I was up and running w/ Better List View in a matter of minutes. Great product! It's just what I needed." — Bret Reece, Five O'clock Software
</div>
<div class="testimonial-wide">
"Overall what I really like about Better ListView is that you've gone for elegance, simplicity and consistency in the appearance and the behaviour of the control." — Daniel Nolan
</div>
<div class="testimonial-wide">
"The control is very easy and intuitive to use and is well documented." — DevProConnections.com Review
</div>
<div class="buttons-hp">
<a href="/better-listview" class="standard-free-download">Download Free Trial</a>
<a href="/pricing-licensing/better-listview" class="standard-buy">See Pricing</a>
<div class="logos">
<img src="/images/logo-vs.gif" alt="Visual Studio" />
<img src="/images/logo-dotnet.gif" alt=".NET" />
<img src="/images/logo-win.gif" alt="Windows" />
</div>
</div>
</div>
</section>
</div>
</Base>

View File

@@ -1,89 +1,64 @@
---
import Base from '../../layouts/Base.astro';
---
<Base title="Licensing & Pricing for Better ListView" description="Purchase the ideal replacement component for .NET ListView.">
<Base title="Better ListView Pricing & Licensing" description="Pricing and licensing information for Better ListView .NET control.">
<div class="max-w-4xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-2">Licensing &amp; pricing for Better ListView</h1>
<p class="text-gray-600 mb-8">Purchase the ideal replacement component for .NET ListView.</p>
<div class="order-content">
<div class="bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden mb-8">
<table class="w-full text-sm">
<thead>
<tr class="bg-owl-blue text-white">
<th class="text-left px-6 py-3">License</th>
<th class="px-4 py-3 text-right">Price</th>
<th class="px-4 py-3"></th>
</tr>
</thead>
<tbody class="divide-y divide-gray-100">
<tr class="bg-gray-50">
<td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Single developer licenses</td>
</tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Single developer license with 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$345</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300042" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="bg-gray-50">
<td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">5 developers licenses</td>
</tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">5 developer license with 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$995</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300044" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="bg-gray-50">
<td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Site licenses — use at 1 site (office or building)</td>
</tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Site license with 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$1,995</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300046" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Site license with source code and 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$3,995</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300047" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="bg-gray-50">
<td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Enterprise license — use world-wide at unlimited sites</td>
</tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Enterprise license with source code and 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$8,995</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300048" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
</tbody>
</table>
</div>
<h1>Better ListView — Pricing &amp; Licensing</h1>
<p class="section-info">Choose the license that best fits your needs.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-2">All licenses are:</p>
<ul class="space-y-1 text-sm text-gray-700">
<li class="flex gap-2"><span class="text-green-500">✓</span> Life-time (non-expiring)</li>
<li class="flex gap-2"><span class="text-green-500">✓</span> Royalty free</li>
</ul>
<table>
<thead>
<tr>
<th>License</th>
<th>Description</th>
<th class="price">Price</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Single Developer License</strong></td>
<td>License for 1 developer. Includes 1 year of free updates and priority email support.</td>
<td class="price">$189</td>
</tr>
<tr>
<td><strong>Team License (up to 5 developers)</strong></td>
<td>License for up to 5 developers. Includes 1 year of free updates and priority email support.</td>
<td class="price">$499</td>
</tr>
<tr>
<td><strong>Enterprise License (unlimited developers)</strong></td>
<td>License for unlimited developers in your organization. Includes 1 year of free updates and priority email support.</td>
<td class="price">$899</td>
</tr>
<tr>
<td><strong>Source Code License</strong></td>
<td>Full source code of Better ListView. Includes Single Developer License.</td>
<td class="price">$599</td>
</tr>
</tbody>
</table>
<div class="licenses-info">
<div class="block">
<h3>Royalty-Free Distribution</h3>
<p>All licenses include royalty-free distribution rights. You can distribute Better ListView DLL with your applications without any additional fees.</p>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-2">Subscription gets you:</p>
<ul class="space-y-1 text-sm text-gray-700">
<li class="flex gap-2"><span class="text-green-500">✓</span> Support</li>
<li class="flex gap-2"><span class="text-green-500">✓</span> Updates</li>
</ul>
<div class="block">
<h3>Free Updates</h3>
<p>All licenses include 1 year of free updates. After the first year, you can renew your update subscription at a discounted rate.</p>
</div>
<div class="block last">
<h3>Priority Support</h3>
<p>All licenses include priority email support. We usually reply within 24 hours or sooner.</p>
</div>
</div>
<div class="bg-blue-50 border border-blue-200 rounded-lg p-5">
<p class="font-semibold text-sm mb-2">What license do I need?</p>
<ul class="space-y-1 text-sm text-gray-700">
<li>• If only 1 developer works on your current and future projects, then the "Single developer license" is for you.</li>
<li>• If 25 developers work on your current and future projects, then the "5 developer license" is for you.</li>
<li>• If more than 5 developers work on your current and future projects, then the "Site license" is for you.</li>
<li>• If you have multiple teams in different locations, then the "Enterprise license" is for you.</li>
</ul>
</div>
<p style="text-align:center; margin-top:30px">
<a href="/support">Contact us</a> if you have any questions about licensing or need a custom license.
</p>
</div>
</Base>

View File

@@ -1,51 +1,54 @@
---
import Base from '../../layouts/Base.astro';
---
<Base title="Licensing & Pricing for Better SplitButton" description="Purchase Better SplitButton commercial license with source code.">
<Base title="Better SplitButton Pricing & Licensing" description="Pricing and licensing information for Better SplitButton .NET control.">
<div class="max-w-4xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-2">Licensing &amp; pricing for Better SplitButton</h1>
<p class="text-gray-600 mb-8">Better SplitButton is free for non-commercial use. Purchase a commercial license to use it in commercial projects — source code included.</p>
<div class="order-content">
<div class="bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden mb-8">
<table class="w-full text-sm">
<thead>
<tr class="bg-owl-blue text-white">
<th class="text-left px-6 py-3">License</th>
<th class="px-4 py-3 text-right">Price</th>
<th class="px-4 py-3"></th>
</tr>
</thead>
<tbody class="divide-y divide-gray-100">
<tr class="bg-gray-50"><td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Commercial licenses (includes source code)</td></tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Single developer commercial license with source code</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$67</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
</tbody>
</table>
</div>
<h1>Better SplitButton — Pricing &amp; Licensing</h1>
<p class="section-info">Better SplitButton is free for non-commercial use.</p>
<div class="bg-green-50 border border-green-200 rounded-lg p-5 mb-6">
<p class="font-semibold text-green-800 mb-1">Free for non-commercial use</p>
<p class="text-sm text-green-700">Better SplitButton is completely free for non-commercial projects. <a href="/better-splitbutton.html" class="underline">Download it here</a>.</p>
</div>
<table>
<thead>
<tr>
<th>License</th>
<th>Description</th>
<th class="price">Price</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Non-Commercial License</strong></td>
<td>Free for non-commercial use. No source code included.</td>
<td class="price">Free</td>
</tr>
<tr>
<td><strong>Commercial License (with source code)</strong></td>
<td>License for commercial use. Includes full source code and 1 year of free updates.</td>
<td class="price">$49</td>
</tr>
</tbody>
</table>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-2">All licenses are:</p>
<ul class="space-y-1 text-sm text-gray-700">
<li class="flex gap-2"><span class="text-green-500">✓</span> Life-time (non-expiring)</li>
<li class="flex gap-2"><span class="text-green-500">✓</span> Royalty free</li>
<li class="flex gap-2"><span class="text-green-500">✓</span> Source code included</li>
</ul>
<div class="licenses-info">
<div class="block">
<h3>Free for Non-Commercial Use</h3>
<p>Better SplitButton is completely free for non-commercial projects. No registration required.</p>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-2">Need help?</p>
<p class="text-sm text-gray-700">Contact us at <span class="font-mono text-owl-blue">support (at) componentowl (dot) com</span> or use our <a href="/support.html" class="text-owl-blue-light hover:underline">support form</a>.</p>
<div class="block">
<h3>Source Code Included</h3>
<p>The commercial license includes full source code so you can customize the control to your needs.</p>
</div>
<div class="block last">
<h3>Royalty-Free Distribution</h3>
<p>Both licenses include royalty-free distribution rights.</p>
</div>
</div>
<p style="text-align:center; margin-top:30px">
<a href="/support">Contact us</a> if you have any questions about licensing.
</p>
</div>
</Base>

View File

@@ -1,71 +1,59 @@
---
import Base from '../../layouts/Base.astro';
---
<Base title="Licensing & Pricing for Better Thumbnail Browser" description="Purchase thumbnail image viewing and browsing component for .NET.">
<Base title="Better Thumbnail Browser Pricing & Licensing" description="Pricing and licensing information for Better Thumbnail Browser .NET control.">
<div class="max-w-4xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-2">Licensing &amp; pricing for Better Thumbnail Browser</h1>
<p class="text-gray-600 mb-8">Purchase thumbnail image viewing and browsing component for .NET.</p>
<div class="order-content">
<div class="bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden mb-8">
<table class="w-full text-sm">
<thead>
<tr class="bg-owl-blue text-white">
<th class="text-left px-6 py-3">License</th>
<th class="px-4 py-3 text-right">Price</th>
<th class="px-4 py-3"></th>
</tr>
</thead>
<tbody class="divide-y divide-gray-100">
<tr class="bg-gray-50"><td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Single developer licenses</td></tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Single developer license with 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$295</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300112" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="bg-gray-50"><td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">5 developers licenses</td></tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">5 developer license with 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$845</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300113" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="bg-gray-50"><td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Site licenses — use at 1 site</td></tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Site license with 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$1,895</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300114" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Site license with source code and 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$3,995</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300115" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="bg-gray-50"><td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Enterprise license — unlimited sites</td></tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Enterprise license with source code and 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$8,995</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300116" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
</tbody>
</table>
</div>
<h1>Better Thumbnail Browser — Pricing &amp; Licensing</h1>
<p class="section-info">Choose the license that best fits your needs.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-2">All licenses are:</p>
<ul class="space-y-1 text-sm text-gray-700">
<li class="flex gap-2"><span class="text-green-500">✓</span> Life-time (non-expiring)</li>
<li class="flex gap-2"><span class="text-green-500">✓</span> Royalty free</li>
</ul>
<table>
<thead>
<tr>
<th>License</th>
<th>Description</th>
<th class="price">Price</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Single Developer License</strong></td>
<td>License for 1 developer. Includes Better ListView license, 1 year of free updates and priority email support.</td>
<td class="price">$249</td>
</tr>
<tr>
<td><strong>Team License (up to 5 developers)</strong></td>
<td>License for up to 5 developers. Includes Better ListView license, 1 year of free updates and priority email support.</td>
<td class="price">$649</td>
</tr>
<tr>
<td><strong>Enterprise License (unlimited developers)</strong></td>
<td>License for unlimited developers. Includes Better ListView license, 1 year of free updates and priority email support.</td>
<td class="price">$1,099</td>
</tr>
</tbody>
</table>
<div class="licenses-info">
<div class="block">
<h3>Includes Better ListView</h3>
<p>Every Better Thumbnail Browser license includes a Better ListView license at no extra cost.</p>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-2">Subscription gets you:</p>
<ul class="space-y-1 text-sm text-gray-700">
<li class="flex gap-2"><span class="text-green-500">✓</span> Support</li>
<li class="flex gap-2"><span class="text-green-500">✓</span> Updates</li>
</ul>
<div class="block">
<h3>Royalty-Free Distribution</h3>
<p>All licenses include royalty-free distribution rights.</p>
</div>
<div class="block last">
<h3>Priority Support</h3>
<p>All licenses include priority email support. We usually reply within 24 hours or sooner.</p>
</div>
</div>
<p style="text-align:center; margin-top:30px">
<a href="/support">Contact us</a> if you have any questions about licensing or need a custom license.
</p>
</div>
</Base>

View File

@@ -1,45 +1,54 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="Privacy Policy - ComponentOwl" description="Our commitment to privacy and how we handle your information.">
<Base title="Privacy Policy - Component Owl" description="Privacy policy for ComponentOwl.com and all products published by Component Owl.">
<div class="max-w-3xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-6">Our Commitment To Privacy</h1>
<div class="legal-content">
<div class="prose prose-sm max-w-none text-gray-700 space-y-6">
<p>Your privacy is important to us. To better protect your privacy we provide this notice explaining our online information practices and the choices you can make about the way your information is collected and used. You retain rights to all your information and data.</p>
<p>Your credit card information is used by our BMT Micro ecommerce partner only to process your order and it is not stored in any way and never viewed by us or available to us.</p>
<h1>Privacy Policy</h1>
<section>
<h2 class="text-lg font-bold text-owl-blue">The Information We Collect</h2>
<p>We collect only the necessary contact information when you contact us and personal information provided by you when you purchase a product from us.</p>
</section>
<p>ComponentOwl.com is committed to protecting your privacy. This privacy policy applies to all products and services offered by ComponentOwl.com.</p>
<section>
<h2 class="text-lg font-bold text-owl-blue">The Way We Use Information</h2>
<p>We do not share your personal information with outside parties except to the extent necessary to complete your order.</p>
<p>The information provided by you is used only to process your order and/or to inform you about new products and product updates. You can opt-out from these email updates.</p>
<p>We use non-identifying and aggregate information to better design our website and products.</p>
<p>When you contact us, we might use a part of the email message in our promotion materials as a testimonial, without publishing your full name. You have the right to decline any such use and we will promptly remove any such materials in 24 hours after your written request.</p>
<p>We reserve the right to publish the name and logo of your company in the list of our customers. We will promptly remove the name of your company in 24 hours after your written request.</p>
<p>Finally, we never use or share the personally identifiable information provided to us online in ways unrelated to the ones described above without also providing you an opportunity to opt-out or otherwise prohibit such unrelated uses.</p>
</section>
<h2>Information We Collect</h2>
<section>
<h2 class="text-lg font-bold text-owl-blue">Our Commitment To Data Security</h2>
<p>To prevent unauthorized access, maintain data accuracy, and ensure the correct use of information, we have put in place appropriate physical, electronic, and managerial procedures to safeguard and secure the information we collect online.</p>
</section>
<p>We collect information from you when you register on our site, place an order, subscribe to our newsletter, or fill out a form. When ordering or registering on our site, as appropriate, you may be asked to enter your name, email address, or other details to help you with your experience.</p>
<section>
<h2 class="text-lg font-bold text-owl-blue">How You Can Access Or Correct Your Information</h2>
<p>You can access or correct all your personally identifiable information that we collect online and maintain by contacting us.</p>
</section>
<h2>How We Use Your Information</h2>
<p>Any of the information we collect from you may be used in one of the following ways:</p>
<ul class="common">
<li>To personalize your experience — your information helps us to better respond to your individual needs.</li>
<li>To improve our website — we continually strive to improve our website offerings based on the information and feedback we receive from you.</li>
<li>To improve customer service — your information helps us to more effectively respond to your customer service requests and support needs.</li>
<li>To process transactions — your information, whether public or private, will not be sold, exchanged, transferred, or given to any other company for any reason whatsoever, without your consent, other than for the express purpose of delivering the purchased product or service requested.</li>
<li>To send periodic emails — the email address you provide for order processing may be used to send you information and updates pertaining to your order, in addition to receiving occasional company news, updates, related product or service information, etc.</li>
</ul>
<h2>How We Protect Your Information</h2>
<p>We implement a variety of security measures to maintain the safety of your personal information when you place an order or enter, submit, or access your personal information.</p>
<h2>Cookies</h2>
<p>We use cookies to understand and save your preferences for future visits and compile aggregate data about site traffic and site interaction so that we can offer better site experiences and tools in the future.</p>
<h2>Third Party Disclosure</h2>
<p>We do not sell, trade, or otherwise transfer to outside parties your personally identifiable information. This does not include trusted third parties who assist us in operating our website, conducting our business, or servicing you, so long as those parties agree to keep this information confidential.</p>
<h2>Third Party Links</h2>
<p>Occasionally, at our discretion, we may include or offer third party products or services on our website. These third party sites have separate and independent privacy policies. We therefore have no responsibility or liability for the content and activities of these linked sites.</p>
<h2>Changes to Our Privacy Policy</h2>
<p>If we decide to change our privacy policy, we will post those changes on this page.</p>
<h2>Contacting Us</h2>
<p>If there are any questions regarding this privacy policy you may contact us at: support (at) componentowl (dot) com</p>
<section>
<h2 class="text-lg font-bold text-owl-blue">How To Contact Us</h2>
<p>Should you have other questions or concerns about these privacy policies, please contact us via our <a href="/support.html" class="text-owl-blue-light hover:underline">support form</a>.</p>
</section>
</div>
</div>
</Base>

View File

@@ -1,67 +1,62 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="Component Owl Support & Contact" description=".NET components support, and also general Component Owl contact form and information.">
<Base title="Help & Support - Component Owl" description="Get help and support for Better ListView, Better Thumbnail Browser and Better SplitButton .NET components.">
<div class="max-w-5xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-6">Help &amp; Support</h1>
<div class="support-content">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- Contact form -->
<div class="lg:col-span-2">
<p class="text-gray-700 mb-2">You can contact us at <span class="font-mono text-owl-blue">support (at) componentowl (dot) com</span> or use the form below.</p>
<p class="text-gray-600 text-sm mb-6">We will answer you as soon as possible, usually in 24 hours.</p>
<h1>Help &amp; Support</h1>
<form class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm space-y-4" action="mailto:support@componentowl.com" method="get">
<div>
<label class="block text-sm font-medium text-gray-700 mb-1" for="name">Your Name</label>
<input type="text" id="name" name="name" class="w-full border border-gray-300 rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-owl-blue-light" />
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1" for="email">Your Email (Required)</label>
<input type="email" id="email" name="email" required class="w-full border border-gray-300 rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-owl-blue-light" />
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1" for="message">Message (Required)</label>
<textarea id="message" name="body" rows="8" required class="w-full border border-gray-300 rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-owl-blue-light"></textarea>
</div>
<button type="submit" class="bg-owl-blue hover:bg-owl-blue-light text-white font-semibold px-8 py-2 rounded transition">Send</button>
</form>
<div class="left">
<p>If you have any questions, suggestions, bug reports, or need help with any of our products, please don't hesitate to contact us. We usually reply within 24 hours or sooner.</p>
<p class="text-xs text-gray-500 mt-4">Please make sure that our reply will not be marked as spam by your filter (e.g. add <span class="font-mono">support (at) componentowl (dot) com</span> to your white list) and that you typed your email address correctly, otherwise we will not be able to reply.</p>
</div>
<p>You can also email us directly at: <strong>support (at) componentowl (dot) com</strong></p>
<!-- Resources sidebar -->
<div class="space-y-6">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<h2 class="font-bold text-owl-blue mb-3">Better ListView</h2>
<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>
<li><a href="http://stackoverflow.com/questions/tagged/better-listview" class="text-owl-blue-light hover:underline">Better ListView on StackOverflow</a></li>
</ul>
</div>
<div class="contact-form-ct">
<div class="contact-form-wrap">
<form class="contact-form" action="#" method="post">
<fieldset>
<label for="support_name">Your Name</label>
<input type="text" id="support_name" name="name" class="name" style="width:100%" />
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<h2 class="font-bold text-owl-blue mb-3">Better Thumbnail Browser</h2>
<ul class="space-y-2 text-sm">
<li><a href="/better-thumbnail-browser/quick-start-guide" class="text-owl-blue-light hover:underline">See Quick Start Guide</a></li>
<li><a href="/better-thumbnail-browser/documentation" class="text-owl-blue-light hover:underline">See Documentation</a></li>
<li><a href="/better-thumbnail-browser/class-reference" class="text-owl-blue-light hover:underline">See Class Reference</a></li>
</ul>
</div>
<label for="support_email">Your Email</label>
<input type="email" id="support_email" name="email" class="email" style="width:100%" />
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<h2 class="font-bold text-owl-blue mb-3">Better SplitButton</h2>
<ul class="space-y-2 text-sm">
<li><a href="/better-splitbutton/quick-start-guide" class="text-owl-blue-light hover:underline">See Quick Start Guide</a></li>
<li><a href="/better-splitbutton/documentation" class="text-owl-blue-light hover:underline">See Documentation</a></li>
<li><a href="/better-splitbutton/class-reference" class="text-owl-blue-light hover:underline">See Class Reference</a></li>
</ul>
<label for="support_subject">Subject</label>
<input type="text" id="support_subject" name="subject" style="width:100%" />
<label for="support_message">Message</label>
<textarea id="support_message" name="message" class="message" style="width:100%"></textarea>
<div class="submit">
<button type="submit" class="dbtn">Send Message</button>
</div>
</fieldset>
</form>
</div>
</div>
<hr />
<p class="note">Please note: We provide support for our products only. For general .NET programming questions, please use <a href="http://stackoverflow.com">StackOverflow</a>.</p>
</div>
<div class="right">
<h2>Better ListView</h2>
<p class="guide"><strong><a href="/better-listview">See Quick Start Guide</a></strong></p>
<p class="documentation"><strong><a href="/better-listview">See Documentation</a></strong></p>
<p class="reference"><strong><a href="/better-listview">See Class Reference</a></strong></p>
<h2>Better Thumbnail Browser</h2>
<p class="guide"><strong><a href="/better-thumbnail-browser">See Quick Start Guide</a></strong></p>
<p class="documentation"><strong><a href="/better-thumbnail-browser">See Documentation</a></strong></p>
<p class="reference"><strong><a href="/better-thumbnail-browser">See Class Reference</a></strong></p>
<h2>Better SplitButton</h2>
<p class="guide"><strong><a href="/better-splitbutton">See Quick Start Guide</a></strong></p>
<p class="documentation"><strong><a href="/better-splitbutton">See Documentation</a></strong></p>
<p class="reference"><strong><a href="/better-splitbutton">See Class Reference</a></strong></p>
</div>
</div>
</Base>