Currently we have side menu which when it opens, it makes the form slide in the corner too like in fb app. I wonder if we can slide the side menu on top of the form itself like in play store or many other app which is way cool.
That's a frequently asked feature and we hope to add it in the near future although we have a very deep pipeline of RFE's so I'm not sure when we will get around to doing it.
Related
This web app has 2 menus essentially, the one on the left hand side (3 items) and the the user profile menu also on the left (drop-down opens once you click on picture).
What would be the best way to display these on mobile? Hide both elements, move them around? Looking for the best practices for something like this. Thanks!
Not sure there's a 'best way', here's one idea to get you started though.
I've a couple of tabs in a form. If I open side menu and try to slide the side menu out, rather than closing the side menu the components of the tabs move. How can I solve it?
Have a look at the video here.
This is probably a bug we should find a way to fix. However, I'm not sure if we can do so easily as both the tabs and side menu rely on the pointer event listeners of the parent Form.
I'm afraid that at this time the only workaround is to disable tab swiping.
I'm using JHipster 2.19.0 and I like the new AlertService. However, I'd like to configure it so 1) alerts show up at the bottom of the screen and 2) they're full-width on mobile. Right now, alerts show up in the top left and they block access to most menu items. On mobile, they only take up 75% of the screen and sentences tend to wrap. I'd like to move alerts to the bottom right on desktop and have them take up 100% width on mobile.
I know this can probably be done with CSS, but I'm wondering if there's a different way. I've used Toastr in the past and it has the ability to configure the directive if you're using AngularJS-Toaster.
I have seen the Codename One Video on how to create a Codename One Hamburger Side Menu using Commands.
I have been trying to see if I can do that on a button click instead (my forms have title bars turned off, i use a border layout and create my own title bar by placing it in the North), with probably another from as the side menu. I would like to have an image and then a custom menu display on my Side Menu instead of the regular Codename One buttons.
Has anyone tried something similar?
I suggest you take a look at the Toolbar class which is more powerful and would probably alleviate the need to override the title area:
http://codenameone.com/manual/components.html#_toolbar
http://www.codenameone.com/blog/cats-in-toolbars
You can't set a form at the side menu but you can add arbitrary components into it which should be enough. Again the Toolbar API makes this rather simple.
I am working on codenameone, and trying to make the first UI.
A basic UI with a title and two buttons on two sides of the "title" to go to two different pages.
I was trying to do that with "Form" component but then it only gives one button by default, which is just taking me to the previous screen.
Not sure how to do this, any link or tip is a nice help.
thanks
Use addCommand(new Command("X")) or in the GUI builder just click the commands property in the form. It will automatically use the menu for Android.
The back button is added automatically for iOS apps for back navigation which you will probably need. You can disable it in the state machine code and have room for two commands in the title.