Scrollable Modal Popup?

Plus d'informations
il y a 1 mois 2 semaines #188484 par blocka
Scrollable Modal Popup? a été créé par blocka
I'm building a survey that solicits feedback on an application prototype. I want have the participant click a link in a Text Display type question, and open the prototype (a remote URL) and navigate through screens. Then, they can close the modal, and proceed to the next set of questions about their experience using the prototype.

Can someone provide a working example of how I can accomplish this?

LS version 3.17.15, build 190903

Connexion ou Créer un compte pour participer à la conversation.

LimeSurvey Partners
Plus d'informations
il y a 1 mois 2 semaines #188487 par gabrieljenik
Réponse de gabrieljenik sur le sujet Scrollable Modal Popup?
I think the easiest is to integrate some JS library like sweetAlert2.

Cheers,
Gabriel - www.Encuesta.Biz - Authorized Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Assistance on LimeSurvey forum and LimeSurvey core developpement are on my free time (Say thanks ?)....[img]

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 2 semaines #188491 par DenisChenu
Réponse de DenisChenu sur le sujet Scrollable Modal Popup?

gabrieljenik écrit: I think the easiest is to integrate some JS library like sweetAlert2.

Why ?

We already have boostrap dialog : some JS to add a iframe in it and it's OK.

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
An error happen ? Before make a new topic : remind the Debug mode .

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 2 semaines #188493 par blocka
Réponse de blocka sur le sujet Scrollable Modal Popup?
Any chance of an example of how to implement this?

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 2 semaines #188494 par DenisChenu
Réponse de DenisChenu sur le sujet Scrollable Modal Popup?

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
An error happen ? Before make a new topic : remind the Debug mode .

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 2 semaines #188497 par gabrieljenik
Réponse de gabrieljenik sur le sujet Scrollable Modal Popup?
You are right. But sometimes a jslib is easier for implementing. They have tons of examples and also triggers on user actions.

Cheers,
Gabriel - www.Encuesta.Biz - Authorized Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Assistance on LimeSurvey forum and LimeSurvey core developpement are on my free time (Say thanks ?)....[img]

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 2 semaines #188501 par Joffm
Réponse de Joffm sur le sujet Scrollable Modal Popup?
Hi, blocka,
here examples for the accordion and the dialog.



Fichier attaché :

Nom du fichier : limesurvey...9318.lss
Taille du ficher :43 ko


I only included the examples of bootstrap into Limesurvey. And in the dialog the " www.getbootstrap.com " is opened.
The rest - styling, etc. is up to you.


Joffm


Volunteers are not paid.
Not because they are worthless, but because they are priceless
Pièces jointes :
Les utilisateur(s) suivant ont remercié: DenisChenu

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 2 semaines #188511 par DenisChenu
Réponse de DenisChenu sur le sujet Scrollable Modal Popup?
Joffm is the king ! \o/ :kiss:

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
An error happen ? Before make a new topic : remind the Debug mode .

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 2 semaines #188536 par blocka
Réponse de blocka sur le sujet Scrollable Modal Popup?
Thanks for all the help, I used the following to get my modal window with iframe content embedded. Style redefines the modal width to 95% of viewing area, and in iframe, I set width to 100%... Works nicely!
<style>
.modal-lg {
    width: 95%;
}
</style>
 
<!-- Large modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">View Prototype</button>
 
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <iframe src="https://www.example.com" height="800px" width="100%"></iframe>
    </div>
  </div>
</div>
 

Connexion ou Créer un compte pour participer à la conversation.

Commencez dès maintenant !

Créez simplement un compte et commencez à utiliser LimeSurvey dès aujourd'hui.

Inscrivez-vous maintenant

Inscrivez-vous à notre Newsletter!