Scripting in Modd.io VS Scripting in MPP.community
-
<div class=“modal” id=“modd-dialogue-modal” tabindex=“-1” style=‘z-index:9050’ data-backdrop=‘static’
data-keyboard=‘false’>
<div class=“modal-dialog modal-lg modal-dialog-centered” role=“document”>
<div class=“modal-content”>
{{#if dialogue.dialogueTitle}}
<div class=“modal-header”>
<h5 class=“modal-title”>{{dialogue.dialogueTitle}}</h5>
</div>
{{/if}}<div class="modal-body"> <div class="row row-eq-height"> <div class="{{ternary dialogue.image 'col-4' 'd-none'}}" id="modd-dialogue-image-container"> <!-- if an image was added to the dialogue, it is displayed here a ternary condition in #modd-dialogue-message-container changes css based on whether an image was added --> <img id="modd-dialogue-image" style="background: none;" class="loading w-100 rounded" src="{{dialogue.image}}" alt="image"> </div> <div class="{{ternary dialogue.image 'col-8 pl-md-0' 'col-12'}}" id="modd-dialogue-message-container"> <div class="d-flex flex-column h-100"> <div class="flex-shrink-0 flex-grow-1 wrap-text"> <!-- modd-dialogue-message id needs to be kept for typing effect--> <p id="modd-dialogue-message"> <!-- adds the content of HTMLmessage here HTML syntax included in the message should render as expected <style> tags included in the message are applied as well --> {{dialogue.message}} </p> <p class="position-absolute mb-0 text-muted {{ternary dialogue.areOptionsRendered 'd-none' ''}}" id="modd-dialogue-skip-hint" style="bottom: 0; right: 15px;"> <!-- customize the prompt for continuing to the next message --> {{#if isMobile}}
-
@That-Ballon 🤡💀
-
@I_Løve_Zøf
-
@That-Ballon I’m proud of you :)
-
@I_Løve_Zøf (lies)
-
@I_Løve_Zøf im more proud of you because you said ok
-
@1zzylmao noooo
-
@That-Ballon fr? 😶👀
-
@I_Løve_Zøf yes
-
@That-Ballon 🥲❤️
-
It isn’t that hard