Android Question How can I load different panels with buttons

[RushilD]

Hello,

I am trying to create a dashboard where on the left side I have 5 buttons. When the App starts I would like to show a homescreen (Default view)
When I click for example on button 2 I would like to load a panel on top of the homescreen.
Similarly I would like to do it for other buttons. Every button is linked to one panel.

Can someone point me to an example or show me how can I do this ?

Thank you

 

[josejad]

Hi RushilD:

You can simply add the panels to your layout, and set their "visible" property to false.
Then, in the button_click event, set it to true.

i.e. (not tested)

...
pnlsArray = Array As Panel(Panel0, Panel1, Panel3, ...)
 
...

Private Sub Button3_Click
  'Hide any other visible panel
    For i = 0 To pnlsArray.Length - 1
        pnlsArray(i).visibility= false
    Next
  Panel3.visible = true
End Sub

 

[RushilD]

Hi RushilD:

You can simply add the panels to your layout, and set their "visible" property to false.
Then, in the button_click event, set it to true.

i.e. (not tested)

...
pnlsArray = Array As Panel(Panel0, Panel1, Panel3, ...)
 
...

Private Sub Button3_Click
  'Hide any other visible panel
    For i = 0 To pnlsArray.Length - 1
        pnlsArray(i).visibility= false
    Next
  Panel3.visible = true
End Sub

Jose Thank you for reply.

For example (below image is just an example).

There are button on the left side. Every time I click on a particular button the black rectangle area will load / display a new panel linked to the button
So I will have 5 button and 5 panels.

Every panel will be unique in it own meaning it will have different information.

 

[mcqueccu]

For me, I create a big panel, and based on the menu item that's clicked, I remove and load new layout in that big panel ( content area.)

Check these demo and other tutorial on my YouTube channel.

Lyn Bulk SMS Sender Source Code

Hello, I want to introduce to you a Lyn Bulk SMS Sender. Source code Only = $30 Software integrated with your own API, compiled into installable application = $20 Payment can be done through Paypal - mcqueccu [at] yahoo [dot] com FEATURES 0. You can integrate any SMS API into it 1. Send...

www.b4x.com

 

[RushilD]

For me, I create a big panel, and based on the menu item that's clicked, I remove and load new layout in that big panel ( content area.)

Check these demo and other tutorial on my YouTube channel.

Lyn Bulk SMS Sender Source Code

Hello, I want to introduce to you a Lyn Bulk SMS Sender. Source code Only = $30 Software integrated with your own API, compiled into installable application = $20 Payment can be done through Paypal - mcqueccu [at] yahoo [dot] com FEATURES 0. You can integrate any SMS API into it 1. Send...

www.b4x.com

Mcqueccu thank you for your reply. I want to do something similar.

When you say "load new layout in that big content panel (content area)"

Do you load the complete layout or only just the panel in the content area ?
If it's only the panel in the content area can you share some example how I can do this ?

 

[mcqueccu]

Remove first layout, then Load complete layout of the second page

pnlLayoutLoader.RemoveAllViews
pnlLayoutLoader.LoadLayout("myNewLayout")

 

[RushilD]

Remove first layout, then Load complete layout of the second page

pnlLayoutLoader.RemoveAllViews
pnlLayoutLoader.LoadLayout("myNewLayout")

Mcqueccu OK understood. Thank you so much.

Just one more doubt. Second layout would also contain the buttons on the left correct ? So that when it is loaded I can switch again to the first one similarly

 

[josejad]

Just one more doubt. Second layout would also contain the buttons on the left correct ?

No, the panels layouts just contain the panel elements.

check the attached project

 

[mcqueccu]

Mcqueccu OK understood. Thank you so much.

Just one more doubt. Second layout would also contain the buttons on the left correct ? So that when it is loaded I can switch again to the first one similarly

No, the buttons on the left (menu) will be static. It wont change or be removed

 

[TILogistic]

see dashboard demo, load paneles o class.

[B4X] How To Implement Desktop Dashboard UI

I built an app in B4J using B4XPages. It uses multiple windows. Right now, an initial window has a set of buttons. Once one of these is clicked, a new window pops up displaying the layout for that functionality. Once that is closed, we return to the main window. We are now considering using a...

www.b4x.com