Bootstrap Wizard cant get rid of tooltip disabled - javascript

Im creating a Bootstrap wizard for users to go through. For the life of me I cant get the "Next" button on the last tab to work. It has a disabled tooltip picture over it.
What I have tried:
I searched in the Stack and found a suggestion to remove the "disabled" class from the "next" button but the class isn't there in the first place.
I checked to see if there is a validation rule but none exist on the last tab.

Solution:
I hid the Next button on the last tab and unhid a Finish button. This way Bootstrap was not able to disable the button. Not ideal solution but the only one I could think of since there was nothing in the documentation or forums.

Related

Unable to click an RadioButton with HtmlUnit

I'm having a terrible time on HtmlUnit, there's this Frame im into with an TextField, a Button related to the TextField, an RadioButton and another Button. In order to the RadioButton to be clickable i gotta fill the TextField and click for "Search", then click the RadioButton in order to click the last button in the form, which generates an List of contracts. Though it doesn't do so. I have like 99.999% sure that the RadioButton with 2 JS events isn't working, it has both an onMouseDown and an onClick event. I've tried trillions of different methods doing the same things, waited lifetimes for JavaScript with Thread.Sleeps() and waitFor's... Nothing seems to work, the JS events won't work or the RadioButton isn't being actually pressed, i know that because the last Button on the page returns me an error saying its conditions hasn't been fullfiled. Any idea what could be causing the RadioButton to just don't work? Im sure im referring correcly to it, i've tried XPaths, Id's, everything.
Thanks to whoever reads this and try to suggest something.

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

Run a Shortcode from a Button in Visual Composer - Wordpress

This should be a fairly obvious thing to be able to do. I have a plugin that has a modal newsletter signup form. I am very happy with the plugin and it has a number of options for the way it launches (after x seconds, when user reaches bottom of screen etc) it also has a manual launch option which gives me these following codes.
My theme uses Visual Composer. I want to launch the popup manually when a site user clicks a button on the homepage. I thought this would be simple but apparently not. The options I have with the standard VC button is shown below; I have tried numerous options of adding classes to the button but I cannot add a shortcode or class to any of the fields to launch the modal. I know there is a javascript onClick function but I'm not very good with Javascript. There must be a simple way to click a button and open a modal, maybe I am overlooking something completely obvious.
OK after reading back my question I thought about adding a custom css class to the button field Extra Class Name and it works. I thought that the extra class name here was for styling the button itself and did not realise that this would also trigger the pop-up as well. Guess I should have checked that first.

How can I hide a radio button using javascript in Qualtrics

I have been using the following code to hide a radio button in a multiple choice, 3 column question in Qualtrics (so that option can be used like a sub head and cannot be selected). However the code has now stopped working with the new theme we are using.
$('QR~QID154~198').style.display='none';
The following code works to hide the radio dot, however it then right aligns all of the responses below it, so it won’t work.
$('QR~QID154~198').up().hide();
Any ideas on another way to code this in JS?
You can put the buttons in a div and show or hide the div it is easier like that. you can also use .removeClass or .addClass with the div so it can be controlled from a script that would check if the class is there it will remove it or if it's not it will add it, you can use .hasClass to check weather it is there or not.

Hover event on dropdown items in select2 v2.4.0 plugin

I have a little problem with select2 v2.4.0. I need to show popover with text when user hover one option from the dropdown list. The problem is that I don't see any hover like event which could work with dropdown items. In the previous version of this plugin the event was called "select2-highlight" but it doesn't seem to work now.
I have checked the source to find something similar but without luck. Unfortunately documentation is not complete so I can't check it.
Have you any idea how I can do that?

Categories

Resources