- March 24, 2020 at 6:10 am #30883
Hello Ally! Because Quform and you are great, I did it, and visitors of my site are increased steadily. But still I have some problem. So I write them to ask, with the help of Google Translator. My sentence can still be a bit strange. Please understand.
One line summary: I want to change vertical position of tooltip balloons. Tooltip button and its vertical position is created/determined dynamically, so it is hard for me T_T
/* ====================================================================== */
I wanted to change the size and position of the tooltip balloon, the size of the text inside the tooltip balloon, etc. Because you told me how to change, I did most of it well.
But there was something impossible. I want to move the tooltip position 70px up, as in the picture below attached, but I couldn’t do it.
In my situation, I can statically decide the horizontal position and width of the tooltip, and the vertical length is automatically determined by the number and size of letters. I have no complaints.
However, the vertical position of the tooltip is determined dynamically, and in my situation, I have to add -70px to the “dynamically determined vertical position” of the tooltip. I haven’t found a way to do this in pure css. And I haven’t found a way to get the qtip element directly in js. So I thought about using a web worker to move the location as soon as the tooltip is created, but it doesn’t seem to be the proper way.
Of course, there is a way I can. After deleting all existing tooltips, I can create my own tooltips using various methods located here (http://qtip2.com/options). But it gets too much work 🙁
It would be best if I could get the current tooltip balloons as the form of elements that are already set to be dynamically generated from js, and apply css like shown below.
$(‘. qtip’).css(“top”, qtipPos.top – 70);
Even if it isn’t, I want to ask you about a shortest/easiest/simplest way to adjust the vertical position of tooltips that are already set to be created dynamically.
Quform is only one WordPress form plugin, and I don’t know what is ninja food 😉
Attachments:You must be logged in to view attached files.March 25, 2020 at 10:11 am #30891AllySupport StaffMarch 27, 2020 at 1:49 am #30901
You gave me a different usage of qtip2’s documentation example. It works well. I will use it thankfully. 😀
And that code works pixel-based. Is there any way to work with vw, vh, vmin etc.? It is somewhat satisfactory for pixel-based now, but it would be nice if other units could be used.
I searched for qtip2’s documentation on this, but couldn’t find it. I have to be a self-learning person, but I feel some shame 🙁 I want to know how to use units other than px, too, please.March 31, 2020 at 10:21 am #30915AllySupport StaffApril 2, 2020 at 7:12 am #30927
Thanks to you, I was able to do well. Now the project is almost complete. I need to prepare for the next project. I will be using Quform in that project too.
Thank you again 🙂
- You must be logged in to reply to this topic.