I'm using nvd3-multi-bar-horizontal Polymer tag element for Graph plotting.
I could not find any option or attribute to add action like onclick on a bar.
Can anyone suggest any option? I know that it can be done using native nvd3 library. but as its a Polymer project, I have to use this Polymer component.
I've updated nvd3-elements to bind all NVD3 events. Please use v0.21.0. You could create listeners for all NVD3 events. Please check NVD3 documentation for events list of each chart.
Related
I need to implement drag and drop method in angular. Can anyone suggest except cdkDropList. Might Data to be drag to another list.
If you don't want to use Angular Material Drag and Drop then you can use ngx-sortablejs.
Here is the demo: https://sortablejs.github.io/ngx-sortablejs/sortable-array
NPM Link: https://www.npmjs.com/package/ngx-sortablejs
which click event is best in ionic HTML page?
I had developed ionic 1 framework. I had used ng-click and on-touch on the HTML page.
ng-click code:
<ion-floating-button ng-click ="vm.addExpense()" has-footer="false" icon="ion-plus" iconColor="#fff">
on-touch code:
<ion-floating-button on-touch="vm.addnewCharge()" has-footer="false" button-color="rgb(84, 44, 99)" icon="ion-plus" iconColor="#fff">
The difference according to the docs is that on-touch fires immediately on touch and does not wait for the release event.
Called immediately when the user first begins a touch. This gesture
does not wait for a touchend/mouseup.
Here's a reference to the docs:
http://ionicn.com/docs/nightly/api/directive/onTouch/
ng-click is definitely the best choice.
ng-click is the way to go with ionic and it will take care of the touch/click 300ms-delay. The Ionic devs have put a lot of work in this to be so simple.
So no need to use the external module ngTouch
http://ionicframework.com/blog/ionic-huge-update/431 -- see the paragraph with Adamclick!
In a <p:dialog> there is an attribute called closeOnEscape="true" which allow to close the dialog by pressing the esc key.
I didn't find any similar thing in Dialog FrameWork attributes, according to primefaces documentation.
Is there a way to achieve this using DF ?
Thanks for help.
Look at the Primefaces hotkey component: http://www.primefaces.org/showcase/ui/misc/hotkey.xhtml
This component is a very convenient and helpful way to auto generate javascript which listens for "onkeyup" events.
<p:hotkey bind="esc" handler="PF('myDialogName').hide();" />
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.
I'd like to add support to removing the widgets from p:dashboard via dragging the panel out of dashboard, such as in WordPress admin panel.
I've found out the examples of dragging the widgets between 2 dashboards, but in my case I need to have callback when the element is dragged out of dashboard, no matter where. The widget would be than removed. However, I couldn't find any example for such behaviour.
What components/tools to use to implement such functionality? I'm using PrimeFaces 3.4.
Use draggable component with dashboard keyword;
<p:draggable for="widget" dashboard=":dbForm:dashboard"/>
And check this solutions on forum page of primefaces: Dashboard Drag and Drop
Hope it'll help you.
Good Luck!