Files
componentowl-astro/src/pages/better-splitbutton.astro

103 lines
6.8 KiB
Plaintext
Raw Normal View History

---
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="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>
<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>
<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>
</div>
</div>
</div>
</Base>