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.
Related
I have added the possibility to change a Preferences setting directly in the right side Toolbar. It works fine. However, the ToastBar confirmation messages are shown beneath the Toolbar Form rendering it effectively useless...
Is there a way to bring forth the ToastBar messages?
I suggest using useFormLayeredPane(true) when showing the toast. You can toggle this globally using:
ToastBar.getInstance().useFormLayeredPane(true);
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.
I am making a react application. Can I change the "tab content area" on a button click using react-router. I have two tabs. I want to change content of one of the tab when I click a button. Everything else on the page should remain same but the content of the tab. How can I do this?
I am not very knowledgeable on react-router but I would recommend using material-ui. It's very neat and extremely easy to implement (albeit, there are some changes you need to make before using it).
If you still want to use react-router for your tabs, I did find a few solutions that might help you.
Possible solution #1
Possible solution #2
I upgraded angular material from rc1 to 1.05.
Now the dialog is scrolling to the bottom of the list when my dialog loads.
Any ideas as to why it is scrolling to the bottom of the list.
Thanks
This may be a bit late but I think I've figured out what is happening.
$mdDialog has an option:
focusOnOpen - {boolean=}: An option to override focus behavior on open. Only
disable if focusing some other way, as focus management is required for
dialogs to be accessible. Defaults to true.
This implies that to ensure the dialog is focused, something in the dialog is focused.
My experience of this is that the buttons at the bottom of the dialog where being focused by default, and thus the dialog was scrolling down to show them.
My fix was to add md-autofocus to the input I had at the top of the dialog.
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.