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
  • Transitions
  • Internal Navigation
  • Let's start with the SetPage method.
  • Set the current page using its page title
  • Using the page-name property.
  • [C#]

Was this helpful?

  1. BUNIFU UI
  2. Controls

Bunifu Pages

Bunifu Pages is a unique Windows Forms multi-container control that enables easy development of user interfaces with multiple views within the same Form, container, or custom user control. Think of it

PreviousBunifu Picture BoxNextBunifu Panel

Last updated 5 years ago

Was this helpful?

It provides an easy design-time experience for the developer by displaying the tabs at the bottom of the control (which is only visible at design time), and at runtime hides the tabs to provide a seamless blend with the parent UI.

This is a pretty simplified setting considering that it inherits from the standard TabControl. This therefore means you can interact with it just as you do with tab navigation at design-time while giving you the opportunity of controlling what the user sees at runtime.

Let's now head over to its built-in features...

Transitions

You can set the type of transition using the property TransitionType .

You can also disable transitions by setting the property AllowTransitions to false . Below is a list of these transitions previewed at runtime:

Internal Navigation

As pointed out before, Bunifu Pages primary way of navigation is internally. This is done by using either the Page , PageName , PageTitle properties or the SetPage() method and its variants. The Page property accepts a tab-page; the PageIndex property accepts a tab-page index; the PageTitle property accepts a tab-page title or text as represented in a tab's Text property; the PageName property accepts a tab-page name as represented in a tab's Name property.

Let's start with the SetPage method.

To navigate to the third page in a list of pages, you can call the SetPage() method:

bunifuPages1.SetPage(2);
BunifuPages1.SetPage(2)

Remember that since tabs are counted from zero (zero-based index), the third item will be index 2

Set the current page using its page title

bunifuPages1.SetPage("tabPage1");
BunifuPages1.SetPage("tabPage1")

Here's are examples using the Page , PageIndex , PageName and PageTitle properties:

bunifuPages1.PageIndex = 2;
BunifuPages1.PageIndex = 2

Using the page-name property.

bunifuPages1.PageName = "tabPage1";
BunifuPages1.PageName = "tabPage1"
bunifuPages1.PageTitle = "tabPage1";
BunifuPages1.PageTitle = "tabPage1"

Let's now take a closer look at navigating using a sample application... Here's a preview of what we will be working with:

As shown, there's a list of Bunifu Buttons to the left and Bunifu Pages covering the rest of the Form. As you can see, it's simply a TabControl at design-time, with tabs aligned at the bottom.

Now we've setup the pages and are ready to set which page will be viewed once a button is clicked.

  • The first button will move to the first page, which as we saw earlier is index 0

  • The second button will move to the second page, which is index 1

  • The third button will move to the third page, which is index 2

Below is a list of the button events that we will attach to the buttons and use to provide navigation through the pages:

[C#]

// Navigate to the 1st tab page.
private void BunifuButton1_Click(object sender, EventArgs e)
{
    bunifuPages1.PageIndex = 0;
}// Navigate to the 2nd tab page.

private void BunifuButton2_Click(object sender, EventArgs e)
{
    bunifuPages1.PageIndex = 1;
}// Navigate to the 3rd tab page.

private void BunifuButton3_Click(object sender, EventArgs e)
{
    bunifuPages1.PageIndex = 2;
}
Private Sub BunifuButton1_Click(ByVal sender As Object, ByVal e As EventArgs)    
' Navigate to the 1st tab page.
    BunifuPages1.PageIndex = 0
End Sub

Private Sub BunifuButton2_Click(ByVal sender As Object, ByVal e As EventArgs)    
' Navigate to the 2nd tab page.
    BunifuPages1.PageIndex = 1
End Sub

Private Sub BunifuButton3_Click(ByVal sender As Object, ByVal e As EventArgs)    
' Navigate to the 3rd tab page.
    BunifuPages1.PageIndex = 2
End Sub

The transition we will use is the Leaf transition - it gives us a turn-page like effect: Here is our final result:

As we can see, the transition occurs every time we move from one page to another. Also, we can see that the tabs are hidden from users, meaning you as a developer have full control over what your users can and cannot see.

And that's really all you'll need to build multi-page WinForms applications!

We've covered the two major features provided with Bunifu Pages and are very much confident that these will set you out to build awesome Windows apps for your users. We also want you to know that we're working on other ways of improving Bunifu Pages and how it can deliver awesome experiences to your users, so it's not over yet.

Try it out and think of the many ways you can integrate it into your apps. Happy coding! ;)

As seen from the sample application preview, page-by-page navigation now has been made much smoother using animations, better known as transitions. We thought, "Why provide the very same experience with tabs for developers yet we can do a little bit better?" This we've done by adding library into Bunifu Pages, so if you've previously worked with it, you'll definitely notice the similarities. And so through the help of , we took it even further by providing page-by-page transitions, where you choose the type of transition from the list of transitions, then at runtime as users move through pages, they're simply immersed into the page-flow transitions.

Bunifu Transitions
Bunifu Transitions