Please help us help you and fill where relevant:
LimeSurvey version:  6.15.5   build 250724
Own server or LimeSurvey Cloud:  Own Server, running on a linux VPS
Survey theme/template:  Bootstrap Vanilla    extended into ( GEMmetrics )
==================
I am updating from v3 to v6.  I installed v6 in a separate instance on my server and I have exported one survey from v3 and imported it into v6.  Several things are different that I have had to correct by hand, but one thing I can't figure out how to make it work in v6 the same way.  In the survey each question has a link to video on Vimeo that explains the question.  In the v3 survey we created a button that links to the video, but the same html does not work on my v6 instance.  On the v6 survey the button shows up but does nothing.  When I inspect the survey question within Chrome Dev Tools, it looks correct to me.  But, nothing happens.  The v3 code creates a modal popup window with an iframe.  In the v6 question I can change the code to an aref link which works, but that opens vimeo in a new tab rather than as a modal popup.  My v3 code is as follows:

No need to post twice. Due to a high spam volume the forum requires that posts from new members are first approved by a moderator (and as it seems, due to the summer vacations there aren't a lot of moderators around at the moment).

To your issue: LS has changed its theme engine since LS3, so the classes and IDs from LS3 won't work in LS6. So you will need to adapt your code to the new structure.

As LS6 is based on bootstrap 5 there are some small changes.
See the documentation
getbootstrap.com/docs/5.3/components/modal

e.g. one thing to exchange is
data-bs-target, data-bs-toggle, data-bs-dismiss
to
data-bs-target, data-bs-toggle, data-bs-dismiss

Joffm



 

So sorry about that. I was concerned that I had not done it right, by including all the html code. Thank you for your response, and thank you for spending your spare time helping other people. I do appreciate it.

Thank you, Joffm.  This helped greatly!!!  

I think you meant (the editor/scanner keeps changing it on me)

data - target   to  data-bs-target,  data - toggle to data-bs-toggle
and so on...

That's what I did and it works much better.  There are still some fine tuning issues, but this got me so much closer.

Hi Holch,
Thanks for the information. Are there any tools to help with the conversion? (I'm guessing not). I have quite a few surveys that will take some tweaking, and I dread doing it all by hand.

data - target   to  data - bs - target

Yes, of course. And I really did write this.
Again an issue of an editor who knows better.

You have to consider both sides:

• the change of the bootstrap version
• themes (sometimes it helps to copy a "config.xml" of a LS 6.x. theme to the "old" one.)

Joffm

 

Thanks, Joffm.  I will try to "overrule" the editor, but the system always wins.....

I'm finding many of these little differences between LS3 and LS6; not major, but different enough that I have to go research and figure it out.  On LS3 I used a very simple mechanism to line up 2 questions next to each other:   in both questions' custom css field in I added "col-sm-6" and that worked great.  Now, on LS6 that doesn't work.  From looking at the generated html it appears that LS6 wraps each question in a div in a way that I can't use the "col-sm-6"   So, I've spent 3 hours today trying to figure it out.  If I have to do this with every survey it will take a very long time and cost.  

What do you mean, "copy config.xml from an LS6 theme to the old one?"  

thank you very much.