We are planning to develop a desktop Application with JavaFX, the application will have multiple pages. I need a menu to switch between the pages and also some custom menu options.
I'm aware we could undecorate a stage which will disable all the default controls .
My question is , what is a better approach ?
1. Develop the custom menu on the Stage itself (Is that possible) ? or
2. create a scene (which acts as a root to all other screens)and add the controls to it.
Please let me know the approaches that I can take?
I had a good result setting my root to a border panel, adding the menu to the top and having the menu actions replace the panel in the center. Other approach could be using a stack panel at the center, adding the other panels to it and pulling the desired panel to the top on a menu action.
Related
I have a tabbed form in Access and on one tab, I'd like to create an ActiveX TreeView object. When I go to build this object and drag it to the tab, it attaches itself to the general form instead of the tab. This puts the control over top of all the tabs instead of the tab I want it in.
How do I attach the ActiveX control to the tab and not the entire form?
I've done a number of different "moves" to try and get it to attach and I've looked through the options to see if there is an easy way to attach it but nothing actually defines how the control is attached unlike a normal Access form control that is contained in the tab.
I would like to keep the extra forms to a minimum and maintain a single, tabbed form with separate controls on each tab.
Answer:
Make sure to select the tab first and then create the TreeView control. TreeView controls cannot be attached to a tab page by drag/drop.
If done correctly, the control will be placed on the tab page just under the tab name within the borders of the tab page. A quick test by selecting other tabs can be done to check that it attached to the right tab and only that tab.
I am working on xamarin.forms. I am using Master detail page. In menupage of MasterDetailPage I have some menu items that are listed. At the bottom of the Menu list I placed a button on menu page. Now I need to open a popup on click of that button. I am trying with PopupLayout but not able to get any success.
Please tell me how I can open a custom popup box at the click of the button that is placed in menu page?
Regards,
Anand Dubey
Without going into separate, native projects for all platforms you are targeting (such as Android, iOS, UWP...), you cannot pop out custom UI content over existing pages in Xamarin.Forms out of the box. You would need to bring in additional references or get creative with the AbsoluteLayout control.
Here are a few options you have:
Simple popup with message and or option selection
If all you need is a simple popup message or a list of buttons, you should look into the native DisplayAlert and DisplayActionSheet methods. They are built into Xamarin.Forms and work really well for these simple cases.
More complex popup dialogs
For anything more complex than that, there is the excellent UserDialogs project: ACR UserDialogs github page
It will give you support for various loading dialogs, date, time pickers, action sheet, success/info/error toasts and more.
Fully custom UI markup with AbsoluteLayout
There is a technique where by you prepare the underlying page with a root absoltue layout, which enables you to dynamically add new UI on top of all other controls on your page. This is fiddly and can ruin your performance if you are not careful. This is also the approach that the PopupLayout control that you mentioned uses. If done properly, this can be a good solution, but I don't recommend it as it involves additional complexity on each page that hosts the popup content.
Fully custom UI popup on native projects
Your most flexible option, as always, is to fall back to the native projects. This would involve coding up the popup logic on each separate platform that you are targeting, then using DependencyService (or one of the other techniques) to call into it from the shared project. For this you should look at samples and tutorials for popups on separate native platforms as it gets pretty broad and goes way outside the topic of this question.
I'm trying to build some sort of visual workflow in JavaFX. I want my application to have one main screen with the next and previous buttons, something like an installer. When a user clicks next, all the elements of the next screen appear in the same element. All previous choices of the user have to be saved. So when a user clicks on the previous button that all of his choices are still there.
How would I go on to do this?
I found these links on Google, but they don't seem to help me. Something like this is a bit the direction that I want to go, but the code in this tutorial isnt't really that good for scene's with a lot of elements.
The DataFX Framework provides a Flow API that can be used to define workflows. By doing so you can simply navigate between MVC Groups by only using annotations or configurations. You can find some examples of the API here:
http://www.guigarage.com/2014/06/datafx-tutorial-5/
http://www.guigarage.com/2015/02/quick-overview-datafx-mvc-flow-api/
http://www.guigarage.com/2015/01/datafx-tutorial-6/
I haven't worked with JavaFX in a while, but I'll start by saying I really hope you are using the JavaFX scene builder.
The way I would do it off the top of my head without going back and relearning JavaFX is to create a main window in the scene builder, and have a sort of central content display area, which holds another custom JavaFX container that contains the content you want to display, of which you can then create several of and swap out which one is being displayed programmatically.
Basically, create several smaller components representing each step or screen and display them programmatically in an owning container.
Sometimes the menu bar (with menu items for DASHBOARD, SOLUTIONS, CATALOG, PRICING, etc.) at the top of the Bluemix masthead disappears when I re-size my browser window. How can I access these menu items when running with limited screen space and a narrow browser window?
The functions move to the "hamburger" menu selector in the upper left corner based on the responsive design
This is on purpose. The Bluemix console has a responsive design so features degrade as the browser window gets smaller. This is on par with what bootstrap does.
If you have any feature suggestions please leave it as a comment below and I can get it to our design team.
See this animated gif for how to access the collapsed menu items on mobile devices - http://i.stack.imgur.com/yeccF.gif
The menu slider that the menu is popping out from the left side of the screen is awesome.
"I was just trying to see how it can be emulated in my application.
Any one has a clue how it can be achieved?"
I want it to look exactly like on the picture, with menu items on the left.
There is a similar Android Question
You can use TabbedPane for that purpose, having left menu populated with set of Actions. However, usage of TabbedPane means you have to use Tabs.
In your case, you'll most likely have to use Actions menu which pops out from the right side as this complies with Blackberry Design Guidelines and fits your goals as I can see it from the screenshot provided better.