Bunifu Framework Docs
HomePricingFAQsMy Account
  • Introduction
  • Getting started
    • Requirements
    • Installation
    • Installing for .Net 5 & Above
    • Licensing
      • Managing your licenses
      • Bunifu Licensing CLI
      • Bunifu Device Remover (Deprecated)
  • BUNIFU UI
    • Controls
      • Bunifu Button
      • Bunifu Button (variant)
      • Bunifu Cards
      • Bunifu CheckBox
      • Bunifu Circle Progress
      • Bunifu Datagrid View
      • Bunifu Date Picker
      • Bunifu Drop Down
      • Bunifu Flat Button
      • Bunifu Form Caption Button
      • Bunifu Form Control Box
      • Bunifu Form Resize Icon
      • Bunifu Gradient Panel
      • Bunifu Icon Button
      • Bunifu Image Button (New)
      • Bunifu Image Button (Old)
      • Bunifu IOS Switch (1.5.3)
      • Bunifu Label
      • Bunifu Loader
      • Bunifu Picture Box
      • Bunifu Pages
      • Bunifu Panel
      • Bunifu Progress Bar
      • Bunifu Radial Gauge
      • Bunifu Radio Button
      • Bunifu Rating
      • Bunifu Range
      • Bunifu Separator
      • Bunifu Sliders
      • Bunifu Shadow Panel
      • Bunifu Shapes
      • Bunifu Switch (1.5.3)
      • Bunifu ScrollBars
      • Bunifu Toggle Switch
      • Bunifu Toggle Switch (variant)
      • Bunifu Tile Button
      • Bunifu Thin Button (1.5.3)
      • Bunifu ToolTip
      • Bunifu Textbox
      • Bunifu User Control
    • Components
      • Bunifu Color Transition
      • Bunifu Drag
      • Bunifu Elipse [Deprecated]
      • Bunifu Form Dock
      • Bunifu Form Drag
      • Bunifu Form Resizer
      • Bunifu Snackbar
      • Bunifu Transition
  • BUNIFU CHARTS
    • Introduction
      • Quick Tips
    • Chart Components
      • Bunifu Bar Chart
      • Bunifu Bubble Chart
      • Bunifu Canvas Control
      • Bunifu Doughnut Chart
      • Bunifu Horizontal bar Chart
      • Bunifu Line Chart
      • Bunifu Pie chart
      • Bunifu Polar Chart
      • Bunifu Radar Chart
  • BUNIFU DATAVIZ [Deprecated]
    • Basic Charts [Deprecated]
      • Step Line Chart [Deprecated]
      • Step Area Chart [Deprecated]
      • Spline Chart [Deprecated]
      • Pie Chart [Deprecated]
      • Line Chart [Deprecated]
      • Doughnut Chart [Deprecated]
      • Bar Chart [Deprecated]
      • Area Chart [Deprecated]
      • Column Chart [Deprecated]
    • Advanced Charts [Deprecated]
      • Stacked Column 100 Chart [Deprecated]
      • Stacked Column Chart [Deprecated]
      • Stacked Bar Chart 100 [Deprecated]
      • Stacked Bar Chart [Deprecated]
      • Stacked Area Chart 100 [Deprecated]
      • Stacked Area Chart [Deprecated]
      • Scatter Chart [Deprecated]
      • Range Spline Area Chart [Deprecated]
      • Range Column Chart [Deprecated]
      • Range Bar Chart [Deprecated]
      • Range Area Chart [Deprecated]
      • OHLC Chart [Deprecated]
      • Candle Stick Chart [Deprecated]
      • Bubble Chart [Deprecated]
Powered by GitBook
On this page
  • Placeholders
  • States & Animations
  • Styles
  • Multiline Strings
  • Icons

Was this helpful?

  1. BUNIFU UI
  2. Controls

Bunifu Textbox

PreviousBunifu ToolTipNextBunifu User Control

Last updated 4 years ago

Was this helpful?

Bunifu Textbox is a input-type control that packs a punch of features designed to take your input designs to a whole new level. Bunifu Textbox provides state-change animations (e.g. when active), text placeholders, border styling options, support for multiline string inputs, password-sensitive inputs, icons support, and more...

Here's are some examples of what's possible:

...and there's still so much more you can achieve with Bunifu Textbox.

We'll now take a look at some of its best features to give you a heads-up on what to expect once you have your own copy. So let's hop in...

Firstly off, ensure you've added Bunifu.UI.WinForms.BunifuButton.dll inside Visual Studio's Toolbox (don't you worry, we're working on including Toolbox additions in an upcoming release). Once done, simply locate BunifuTextBox inside the Toolbox and drag it onto your Form.

You should then see something similar to this:

To quickly customize Bunifu Textbox, simply click on the Play button to access the Smart Tags feature and change the most common text box properties:

Placeholders

Bunifu Textbox gives you the ability to provide text placeholders to help inform users of the kind of content required before entry. You can modify the placeholder's color:

States & Animations

States allow you to control how the Textbox will look like when idle (using OnIdleState), active (using OnActiveState), hovered (using OnHoverState), and disabled (using OnDisabledState). When put to good use, you can create some remarkable experiences in your interfaces. They also come with state-change animations to help create a visual flow when moving from one input to another. You can control how fast the animations move using the property AnimationSpeed . Likewise, you can disable these animations by setting the same property AnimationSpeed value to 1 . The units are in milliseconds.

Here's a scenario explaining all these states:

Now that's awesome!

That's what states help you achieve. They really assist you create great user experiences by providing visual feedback to users when interacting with inputs.

You can use the method ResetColors() to reset or refresh the color animations when modifying the state's colors at runtime.

Styles

By default, you can switch between two defined styles in Bunifu Textbox using the Style property. These styles are Bunifu and Material. The standard Bunifu style provides full borders while the material style provides an underline border:

  • The standard Bunifu style:

  • Material style:

The same states will still be used when interacting with the Material style so no worries or changes once applied.

Multiline Strings

Bunifu Textbox supports multiline strings, allowing you to provide the same awesome experience as seen in single-line inputs using the Multiline property. You can also tweak the input's margin (position) in relation to the container using the TextMarginLeft and TextMarginTop properties.

Icons

Bunifu Textbox also supports icons that let you provide context to your inputs. You can set these icons to appear on the left and right sides of the control for maximum flexibility. Here's a preview of this feature in action:

As you may have noticed, you can also provide a click event for the left and/or the right icon. You can do this using the events OnIconLeftClick and OnIconRightClick respectively.

  • Set the left icon to provide visual context for an email input.

  • Set the right icon to provide automatic clearing of the entered email.

Likewise, you can provide a file selection input and provide a manual path entry as an alternative option:

Wow... Now that was a pack-full of neat features! We've managed to cover the most essential features in Bunifu Textbox. But not to worry, more features are actually coming in future releases!

These are a few scenario tips that can get you going when customizing inputs for users. Of course, you can provide validations for your inputs using a great library such as . It's pretty awesome what you can achieve in the process.

FluentValidation