Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Transport & Moving-services

More
1 year 8 months ago #253393 by dqzhou
Clickable words are ineffective after version update. was created by dqzhou
Please help us help you and fill where relevant:
Your LimeSurvey version: [6.0]
Own server or LimeSurvey hosting:
Survey theme/template:
==================
Hi,

I met the problem when my Limesurvey updated from 3.0 to 6.0.

My JavaScript codes about clickable words are ineffective after updating. The codes that could be used in 3.0 is:

"
<span style="font-size:15px"><span style="color:black"><a data-content="If the transport mode of the first leg is private vehicle or shared vehicle, the amount of detour riding time for pick-up will be shown in the choice task." data-html="true" data-placement="top" data-bs-toggle="popover" data-bs-trigger="focus hover" role="button" tabindex="0" title="Detour riding time for pick-up">Detour riding time for pick-up</a> <font color="#333333"><script>
$('[data-bs-toggle="popover"]').popover();
$('[data-bs-toggle="tooltip"]').tooltip();
</script></span></span>"

After version update, the word cannot be clickable. I check the code, it is correct. If you still have the version 3.0, you could see the illustration of this code. 

I also try some code about clickable function in Version 6.0, "<span style="font-size:15px"><span style="color:black"><a href="#" title="If the transport mode of the last leg is private vehicle or shared vehicle, the amount of detour riding time for pick-up will be shown in the choice task.">Detour riding time for pick-up</a> <font color="#333333">". This code can be used in Version 6.0, which don't need to click it. But it need to put the cursor over the word and waiting for seconds, then the explainable words will be shown. It is not convenient to let the people wait for it. 

I may request to let the original code effective. I think it is the problem about the version update instead of Java code. So I write this post to ask for an answer. Thank you very much!

Best regards.
dqzhou

Please Log in to join the conversation.

More
1 year 8 months ago #253394 by Joffm
Replied by Joffm on topic Clickable words are ineffective after version update.
Hi,
as LimeSurvey 6.x. now is based on bootstrap 5 instead of bootstrap 3 there are a few slight differences.
You may have read it in the release notes
[url] github.com/LimeSurvey/LimeSurvey/blob/ma...cs/release_notes.txt [/url]
 

Read the documentation of bootstrap 5 about popover
[url] getbootstrap.com/docs/5.0/components/popovers/ [/url]

and it should be fine as this here
 

Best regards
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

More
1 year 8 months ago #253395 by dqzhou
Replied by dqzhou on topic Clickable words are ineffective after version update.
Hi Joffm,

I tried that code before (i.e., getbootstrap.com/docs/5.0/components/popovers/ ). It should be shown as attached, which is similar to what you attached. While when I put the same code into my survey, it become the other attached picture. And when I click it, it shows blank and without any explainable words. 

I may request your codes that could obtain the illustration you attached. Besides, I notice your illustration has a blank above the title. Is that possible to remove that? And is it possible to change the color of the title row to other color?

Thank you very much!

Best regards,
Dianqing

 

Please Log in to join the conversation.

More
1 year 8 months ago - 1 year 8 months ago #253396 by Joffm
Replied by Joffm on topic Clickable words are ineffective after version update.
Hi,
as long as you do not show what you really do (lss export) it is difficult to guess
I do not see any issue using the bootstrap examples.

And regarding to the title: Investigate with the webdevelopment tool of your browser.
This you may change by setting the margin-top and the colors of the .popover-header.
 

And also a text with hover effect
 
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 1 year 8 months ago by Joffm.

Please Log in to join the conversation.

More
1 year 8 months ago #253397 by dqzhou
Replied by dqzhou on topic Clickable words are ineffective after version update.
Hi Joffm,

I attach the file.lsq, I am not sure if it is because it is not compatible with the macOS system. Because it do not show words in my laptop as shown in the attached picture. Thank you for your check in advance!

Best regards,
Dianqing

Please Log in to join the conversation.

More
1 year 8 months ago #253415 by DenisChenu
Replied by DenisChenu on topic Clickable words are ineffective after version update.
Never send lsq, nobody want to create a survey and a group to import lsq.

Else : here i'm sure it's an issue in Survey Theme : the css lack of btn-danger clean class.

Send the lss : if it's OK : you can report issue.
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member. - Professional support - Plugins, theme and development .
I don't answer to private message.

Please Log in to join the conversation.

More
1 year 8 months ago #253418 by Joffm
Replied by Joffm on topic Clickable words are ineffective after version update.
Again I checked, this time in "vanilla".
The same result. Everything's fine.
   



With these scripts

HTML:
Code:
<button class="btn btn-lg btn-danger" data-bs-content="And here's some amazing content. It's very engaging. Right?" data-bs-toggle="popover" title="Popover title" type="button">
  Click to toggle popover
</button>
 
<a class="btn btn-lg btn-danger" data-bs-content="And here's some amazing content. It's very engaging. Right?" data-bs-toggle="popover" data-bs-trigger="focus" role="button" tabindex="0" title="Dismissible popover">
  Dismissible popover
</a>
 
<a data-bs-content="And here's some amazing content. It's very engaging. Right?" data-bs-toggle="popover" data-bs-trigger="hover focus" role="button" tabindex="0" title="A text with popover">
  Hover shows it
</a>

JS to initialize the popover
Code:
<script>
$(function () {
  $('[data-bs-toggle="popover"]').popover();
});
</script>

And some css to align and color the header
Code:
<style type="text/css">
.popover-header {
    margin-top:0;
    color:maroon;
    background-color: yellow;
}
</style>

Waiting for your lss export.

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: DenisChenu

Please Log in to join the conversation.

More
1 year 6 months ago #256712 by Joffm
Replied by Joffm on topic Clickable words are ineffective after version update.
ChatGPT?
Or what is your intention?

​​​​​The question of the TO seems to be answered.
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: DenisChenu

Please Log in to join the conversation.

Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source