Is it possible to create a vertical menu bar in Primefaces? - primefaces

Is it possible to create a vertical menu bar in Primefaces?
I am used to pure AJax frameworks like Ext-JS that make this simple but so far I have not seen such a component in PF.
Thanks,
Joe

It is called tieredMenu. See:
http://www.primefaces.org/showcase/ui/menu/tieredMenu.xhtml

You need search TieredMenu in primefaces showcase.

Related

Bootstrap drag and drop with swapping functionality

I am searching for bootstrap drag and drop of list item in the page. But I am unable to search for the same. Using jquery we can do that we can get the jquery pluggin but I want to have bootstrap drag and drop functionality. Can we do drag and drop with swapping of listitem in bootstrap. If not then any solution? Your comment and answer are heartly welcome.
I think bootstrap doesn't come with drag and drop functionality yet.You can use jquery UI draggable interaction.
https://jqueryui.com/draggable/

Create IOS datepicker like select element in Ionic

Is there a way to create an ios datepicker/timepicker like styled custom select for ionic apps?
For example, I want to create a custom select as the following image
This is kind of late to the party, but maybe this will help: https://github.com/mmnaseri/proton.multi-list-picker
This is an Angular 1.x component with no dependencies on any other frameworks that provides an easy solution for creating iOS-style select views.
For instance, this is the sort of select that you can create with this component:
And this is another example:
If you set the attachment value to bottom it will be exactly like the iOS select component looks like, with a fixed bottom modal attachment.
I'm not sure but for now this not possible with Ionic. There options like this ionic-datepicker, but this isn't native, just a library.
There are various plugins available out there. You can find one here
Also you can use HTML Select/Option list to show up a native alike control that will display a list of single select-able items. Select/Option tag invokes OS specific native selector.
Have a look at it here. That demo might help you.

grouped tab navigator as3

hi is it possible to create/ extend from tab navigator or another component to create a tab navigator where tabs are within tabs. I.e grouped. I have been trying to find some info on this but there is very little available. I have attempted to do something as follows but I cannot successfully get it to work. Any expansion or information on this would be great
Thanks
You can try Flex MenuBar with custom skin for it. Or, maybe it will be easier, you can try to write own component based on Spark ButtonBar (or TabBar) with List as suggested in Flex: Skinning menuBar - is it possible?

how to implement drag and drop widgets using angular js?

Is there any way by which i can implement draggable widgets in a page using angular js. The requirememt is that when i drag and drop one widget to a new place, the other widgets should reposition automatically similar to the UI offered by Google Keep app.?
Take a look at project UI-Sortable
It provides bindings for the jqueryUI sortable and suited my needs pretty well.

generic Swipe gesture using html css for charts

I have created some charts and I would like to add swipe gesture like whenever user swipes, the charts have to be changed. I created the charts inside div. I just want to add those div instead of image. I searched but i got to it for images only that too not well documented.
Thanks in Advance!
For this problem I'd recommend using somethging like Flexislider to implement your graphs:
http://www.woothemes.com/flexslider/