Android Question [B4X] [XUI] [SOLVED] AS Bottom Menu V2: How to?

Mashiane

Expert
Licensed User
Longtime User
Hi there

Updated: The following thread bears reference

[B4X] [XUI] AS Bottom Menu V2

A better menu, can you find here First, i spend a lot of time in creating views, some views i need by my self, but some views not and to create a high quality view cost a lot of time. If you want to support me, then you can do it here by Paypal or with a coffee. :) This is the V2 of the...
www.b4x.com


The version I'm using is 2.70

Thanks for this awesome component,. I kindly request some clarity on how to use this component effectively to meet my needs? Here we go?

Q1. Is it possible for one to change the Middle Button Text at runtime, I have tried

B4X: 
ASBottomMenu1.Text3 = "Profile"

But its still showing the Add New in the abstract designer? Not sure if I am doing it right.?

Q2. The provided iOS example has images, I had tried to find on the post on how to add FontAwesome Icons, can you please advice?

As an example, I'd like to set an icon and the font size? Chr(0xF2C0), Font.CreateFontAwesome(24) for a particular item?

Q3. I intend to have a background image where the bottom menu will sit on, to provide a seamless looking like app, how do I remove the horizontal white line that borders the Bottom Menu?

Q4. How can I make the font of each item smaller? For example, the item text "Notifications", is showing as "Notificatio...", understandable, is it possible to make the font smaller though?

Q5. What is the best approach to use this with B4XPages with multiple pages and you want the bottom menu to be always persisted at the bottom?

Q6. How do you set the active item by code?

Thank you.

PS: Goodness, this works perfectly with the HexMenu.
 
Last edited:
Solution
Mashiane said:
Q2. The provided iOS example has images, I had tried to find on the post on how to add FontAwesome Icons, can you please advice?
Click to expand...

FontAwesome To Bitmap

Unlike an older "TextToBitmap" sub that you can find in the forum, this code vertically centers the icon. It can also be used in B4J and B4i (only need to change the font line). Sub Activity_Create(FirstTime As Boolean) 'usage example Activity.AddMenuItem3("Android", "Test"...
www.b4x.com
use this code to convert FontAwesome to image, i'm using this function in my TabMenu.

Mashiane said:
Q3. I intend to have a background image where the bottom menu will sit on, to provide a seamless looking like app, how do I remove the horizontal white line that borders the Bottom Menu?
Click to expand...
with the PartinglineVisible prop.

Mashiane said:
Q4. How can I make the font of each item smaller? For example, the item text "Notifications", is showing as "Notificatio...", understandable, is it possible to make the font smaller though?
Click to expand...
...
Sort by date Sort by votes

Alexander Stolte

Expert
Licensed User
Longtime User
Upvote 0

Mashiane

Expert
Licensed User
Longtime User
Mashiane said:
Q1. Is it possible for one to change the Middle Button Text at runtime, I have tried
Click to expand...
On second check, apparently executing .Text5 = "XXX", changes the middle button text.

Thanks for taking time to go through the questions. This will help a great deal as only this control seems to work well with the HexMenu.
 
Upvote 0

Alexander Stolte

Expert
Licensed User
Longtime User
Mashiane said:
Q2. The provided iOS example has images, I had tried to find on the post on how to add FontAwesome Icons, can you please advice?
Click to expand...

FontAwesome To Bitmap

Unlike an older "TextToBitmap" sub that you can find in the forum, this code vertically centers the icon. It can also be used in B4J and B4i (only need to change the font line). Sub Activity_Create(FirstTime As Boolean) 'usage example Activity.AddMenuItem3("Android", "Test"...
www.b4x.com
use this code to convert FontAwesome to image, i'm using this function in my TabMenu.

Mashiane said:
Q3. I intend to have a background image where the bottom menu will sit on, to provide a seamless looking like app, how do I remove the horizontal white line that borders the Bottom Menu?
Click to expand...
with the PartinglineVisible prop.

Mashiane said:
Q4. How can I make the font of each item smaller? For example, the item text "Notifications", is showing as "Notificatio...", understandable, is it possible to make the font smaller though?
Click to expand...
the labels are public in V2.8

Mashiane said:
Q5. What is the best approach to use this with B4XPages with multiple pages and you want the bottom menu to be always persisted at the bottom?
Click to expand...
no idea, it's not a question about the view, best make a new thread how to keep a panel visible on multiple pages

Mashiane said:
Q6. How do you set the active item by code?
Click to expand...
B4X: 
ASBottomMenu1.CurrentTab = 1
 
Last edited:
Upvote 1
Solution

Alexander Stolte

Expert
Licensed User
Longtime User
Mashiane said:
This will help a great deal as only this control seems to work well with the HexMenu.
Click to expand...
maybe my ASTabMenu is a better deal, because the BottomMenu V2 is a very old view from my coding skills. It was pain for me to look back in to this code ^^
 
Upvote 0

Mashiane

Expert
Licensed User
Longtime User
Alexander Stolte said:
maybe my ASTabMenu is a better deal,
Click to expand...
Sorry hey for making open an old project . Can the ASTabMebu be placed at the bottom? Im developing for iOS and wanting to be consistent with the Android App.

Now I see, with this version everything that refers to 5 is actually the middle button.

Yes the separator line went away after I set it to transparent, its check box was off.

?
 
Upvote 0

Alexander Stolte

Expert
Licensed User
Longtime User
Mashiane said:
Now I see, with this version everything that refers to 5 is actually the middle button.
Click to expand...
This was the easiest for me at the time, if you want to remove the middle button in the runtime and have a 5th button instead
 
Upvote 0
You must log in or register to reply here.

Similar Threads

  • Question
Android Question [B4X][XUI] WobbleMenu - A few questions..
2
Replies
23
Views
4K
Mashiane
  • Question
Android Question [B4X] XUI Msgbox with
Replies
2
Views
1K
mrossen
  • Article
B4A Class [B4X] XUI - haB4XMsgBox (based on B4XDialog)
Replies
3
Views
4K
Erel
Games XUI2D
2
Replies
37
Views
7K
Erel
  • Article
B4A Class [B4X] [XUI] AS BottomMenu
2 3 4
Replies
69
Views
20K
JMB
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…