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

    Timeline event click

    Framework
    2
    5
    224
    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.
    • A
      amoss last edited by

      Hi

      I have a qtimeline with entries. I want to either

      1. Add 2 clickable icons to each entry with their own actions (edit/delete the entry)
      2. Make the entry clickable.

      Is either of the above possible? how can I get the entry itself as a parameter to the method?
      Thanks

      1 Reply Last reply Reply Quote 0
      • s.molinari
        s.molinari last edited by

        QTimelineEntry has a “default” slot. You can put anything you want in it, which is shown in the body of the entry.

        Scott.

        A 1 Reply Last reply Reply Quote 0
        • A
          amoss @s.molinari last edited by

          Thank you Scott, maybe I didn’t understand what you mean by default slot, this is how I do it now

          <q-timeline-entry v-for="item in this.itemsInfo" v-bind:key="item.id" :title="item.itemCode" :subtitle="item.whenStr" :icon="item.icon" :body="item.activity"/>
          

          Where can I add such slot that when clicked I can have the entry information?

          1 Reply Last reply Reply Quote 0
          • s.molinari
            s.molinari last edited by

            The default slot is what you put between the component’s own tags.

            <q-timeline-entry v-for="item in this.itemsInfo" v-bind:key="item.id" :title="item.itemCode" :subtitle="item.whenStr" :icon="item.icon">
                {{ item.activity }} <!-- and anything else you want to add here -->
              </q-timeline-entry
            

            Scott

            1 Reply Last reply Reply Quote 0
            • A
              amoss last edited by

              Thank you thank you thank you!

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