Just a simple question, How can I position the popup (a semantic ui modal)
I now include the modals somewhere in the top or bottom of my template. How can I make sure they are somewhere in the top center, and maybe have a scroll bar? (I already removed the bootstrap package, and searched a lot on google)
<div class="ui modal APIAutomation"> <div class="ui icon message"> <img class="icon" src="images/API.png"> <div class="content"> <div class="header"> <h4> API automation: a quick introduction</h4> </div> <p>Please note there is no sound yet...</p> <p>This <a href="https://github.com/QHose/QRSMeteor">open source</a> (non-Qlik) <a href="https://www.meteor.com/">Meteor.js</a> based demo platform has been designed to demonstrate the power of the Qlik Sense API's for companies that are looking to integrate Qlik Sense in their multi-tenant SaaS platform. Please look at the video below for an introduction. In the demo you will see a screen divided into two parts.</p> <ul> <li> The left side shows "the broker" in your SaaS platform; a piece of software that you already use today to mass maintain the SaaS applications for all of your customers. This broker executes its activities based on the list of your customers, their access rights and the relevant template apps (depending on what the customer has configured in your platform). </li> <li>The right side shows you the result of the activities of the broker; the apps and streams automatically created in Qlik Sense.</li> </ul> <p> This demo guides you on how you can automate each manual step in Qlik Sense. Sense works internally with the same API's as you can use, so you can record the REST call from each manual activity in the QMC and use this code to create/delete/reload/publish streams and apps in your software. We will not cover all the use cases, lets say we cover 80%, but the examples and code provided should give you enough convidence to build the remaining 20% yourself.</p> </div> </div> <div class="ui one column centered grid"> <div class="column centered"> <div class="ui embed" data-url="https://www.youtube.com/embed/wVVbP7a5-I8" data-placeholder="/images/API.png"></div> <!-- <iframe width="854" height="480" src="https://www.youtube.com/embed/wVVbP7a5-I8" frameborder="0" allowfullscreen></iframe> --> </div> </div> <div class="actions"> <div class="ui positive right labeled icon button"> I got it... <i class="checkmark icon"></i> </div> </div> </div> </template>
thank you so much!