No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Inject html into q-carousel-slide

    Help
    1
    1
    142
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • B
      bruno.ronchetti last edited by

      Hi there.

      I would like to use q-carousel slides as background for data collection (as in: data collection during a powerpoint presentation).

      This works just fine:

      <q-carousel-slide name="second" img-src="https://cdn.quasar.dev/img/parallax1.jpg">
        <template slot="default">
          <div>
            <p class="text-h5 q-px-md q-pt-none text-h5 bg-white">This content comes from the parent!</p>
            <p class="text-h5 q-px-md q-pt-none text-h5 bg-white">I can bind to data in the parent scope: {{slide}}</p>
            <p class="text-h5 q-px-md q-pt-none text-h5 bg-white">And can use quasar components</p>
            <q-input class="q-px-md q-pt-none text-h5 bg-white" bottom-slots v-model="currentObject.Name" label="Nome" style="max-width: 300px;"/>
          </div>
        </template>
      </q-carousel-slide>
      

      Gives this:

      faf282bf-ce27-4409-8608-4a0901695da4-image.png

      I would now like to provide the html dynamically, a different html for each slide, from an external source, but have not found a way to do this. Looking for ideas…

      1 Reply Last reply Reply Quote 0
      • First post
        Last post