Enable resetZoom button - javascript

Something is wrong for me. I created a chart using version 1.2.2 and the reset button worked fine, no problem at all the reset button is there ("Redefinir Zoom")
But when I updated to version 1.3.4 the button is gone, the button does not appear.
I used the same position code on the .js file
position:{align:"right",x:-43,y:-56}}}
Already tried editing it and no luck, the button does not appear.
Is there any setting to enable and disable it?
Thanks

How did you manage to show that button? Probably you were using some old inner function to achieve that which doesn't exists in 1.3.x. To show that button try to call chart.showResetZoom()

Related

Opening a v-date-picker v-menu on click and focusing a v-text-field inside it?

I've got a date-picker component in an app and used the example for a menu to open it.
I now want to make it more efficient to use for desktop users, so I removed the readonly flag to make manual input possible.
Now desktop users can simply tab through the different fields of the form to quickly input dates and times. The problem here was that the date-picker would not show up when a user tabs into a field, which was easily fixed with adding #focus="menuVariable=true" to the text-field.
But the problem now is that the date-picker won't show up anymore when a user first clicks into the text-field, at least not consistently, which I haven't been able to fix. I already tried to listen for click events and setting the menu's toggle to true then, but I guess the problem is setting that variable in the first place. Not sure how to work around this or how to open that menu manually any other way.
Here is a codepen showing off the problem. Click around a bit between the two fields, the date-picker on the right always opens, the one on the left only occasionally.
Does anyone know a better solution to consistently show the date-picker when a user either clicks into the text-field (or any other part of the v-menu) or tabs into the text-field?
#keyup="menuVariable=true"
#keydown="menuVariable=false"
I worked with this.
there is a nice solution here:
https://codepen.io/Phennim/pen/KKPYGRK
v-on:focus="onFocus"
v-on:blur="onBlur"
Hope it helps you

JQuery.Dirty Fields not work on first `updateFormState` but work on second

Using jquery.dirtyFields for updating form state on button click. It worked fine on button click which passes through following code
$('#hidChangeBox').val(true);
$.fn.dirtyFields.updateFormState($("#formId"));
But it does not work fine first time on button Click. Could anyone suggest what reason it could be?
Following Link for reference: http://www.thoughtdelimited.org/dirtyFields/documentation.cfm
Could it be the type of field? The library doesn't seem to be aware of the new field types in HTML5. i.e. input[type='number']

Trigger click with chrome console

I'm trying to trigger the click event on the Valid for and the Begin form fields in this Angular page using Chrome Console, I tried Javascript and jQuery using .click() or .trigger('click') with no luck so far. I'd expect when one of these fields is clicked the relevant dropdown would appear like it would if you manually click it using the mouse. Could someone help please?
https://www.eex-transparency.com/homepage/power/germany/production/usage/actual-unitwise-production-100-mw-
Thanks!

Mentio JS menu being added to bottom of the page

I'm trying to implement a Twitter style #mention interface using Angular JS and a library called MentioJS ()
The issue i'm having, is that after content is dynamically added to the page, I'm getting a rogue menu on the bottom of the page. I was able to replicate on the documentation page here:
http://jeff-collins.github.io/ment.io/?#/
By just hitting "Submit" at the bottom without changing anything. In Chrome, I see the default menu that opens in the first input show up again at the bottom of the page.
Any ideas why this might be happening?
I've encountered the same issue, as many others I think.
I've emptyed the array with the options for mentio-items (after pressing submit), which worked for me.
I`m sure this is not the right solution, but it fullfiels my needs.
I had the same issue with with ment.io, but as #Mihai Lazar pointed out after clearing array on submit, issue was resolved.
Regards..

I am trying to find a workaround for using ng-disabled in ie8

I currently have an app which has 2 buttons that must both be disabled when either is clicked. Initially, I had decided to use ng-disabled, however, to my amazement it is not compatible with ie8.
I have been scouring the web for a solution but am unable to find one. Any help would be greatly appreciated. If you need more information on my problem do not hesitate to ask.
Thanks in advance.
Update: I have decided to try use doucumentById to set the buttons to disabled but still no luck. Clicking the first button will disable the first button, it should disable both, and clicking the second disables both buttons, as it should.

Categories

Resources