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
    1. Home
    2. monoc44
    M
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 3
    • Best 0
    • Groups 0

    monoc44

    @monoc44

    0
    Reputation
    64
    Profile views
    3
    Posts
    0
    Followers
    0
    Following
    Joined Last Online
    Website www.nannieshare.com Location Berkeley

    monoc44 Follow

    Latest posts made by monoc44

    • RE: Allow avatar in 'q-chat-message’ to be an icon

      Found my answer in the doc:

      Due to how Webpack works in creating the bundle for your App, in some cases you may need to use QItemTile, like for avatars or images. The reason is simple: if you use QItemSide avatar property, you must supply the path to the statics folder and cannot use the assets folder or relative paths. Instead, the latter two can be used with a QItemTile wrapping an <img> HTML tag. Look closely at image paths in the example above (statics/guy-avatar.png vs ~assets/boy-avatar.png). Also read about App Handling Static Assets to understand how Webpack includes assets into the bundle.

      posted in Help
      M
      monoc44
    • Allow avatar in 'q-chat-message’ to be an icon

      A simple version could be something like:

      <q-chat-message
         name="me"
         size=“6"
      -> avatar-icon="ion-person"
         :sent=“msg.sent"
         :text=“‘msg.content”                         
         :stamp=“msg.postedTime” />
      

      A more elaborated one (allowing the use of icon’s properties):

      <q-chat-message
         name="me"
         size=“6"
         :sent=“msg.sent"
         :text=“‘msg.content”                         
         :stamp=“msg.postedTime”>
        <q-icon name=“ion-person” :color=“color(msg)” />
      </q-chat-message>
      
      posted in Help
      M
      monoc44
    • Expandable text with show/hide functionnality

      Hello.

      I would love to find a Quasar component which allows to:

      • truncate some content put into a container (div, p, span) if the size of the content goes over the container’s size or a predefined number of lines
      • display a button that shows the whole content (’show content’) or less (‘show less’)
      • define some sort of decreased opacity as soon as the reader gets closed to the truncated line

      If I am not mistaken, Collapsable allows to display either the full content or nothing.

      Of course, one might argue that it is easily doable through some JS and CSS tricks but I think it is a fairly common pattern used nowadays on websites and would deserve maybe a Quasar component.

      What do you think?

      posted in Help
      M
      monoc44