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. Clyde
    3. Topics
    C
    • Profile
    • Following 0
    • Followers 0
    • Topics 3
    • Posts 10
    • Best 0
    • Groups 0

    Topics created by Clyde

    • C

      How to prevent the focus of a button in a list item
      Framework • • Clyde

      5
      0
      Votes
      5
      Posts
      560
      Views

      C

      @turigeza Thank you! It works perfectly. This wouldn’t really occur to me.

    • C

      Images grid
      Framework • • Clyde

      5
      0
      Votes
      5
      Posts
      499
      Views

      beets

      @Clyde Glad that solved it. Keep in mind the q-col-gutter-* class is when you use col-12, col-4, etc while q-gutter-* is when you use col and col-auto. It’s tripped me up before when I’ve copied / pasted code from other parts of my application and forgot to change it.

    • C

      Mapping custom SVG icons
      Framework • • Clyde

      10
      0
      Votes
      10
      Posts
      1274
      Views

      C

      @Allan-EN-GB I’m trying to do the same thing, but I fail.

      App.vue :

      <template> <div id="q-app"> <router-view /> </div> </template> <script> const appIcons = { 'app:my-icon': 'img:customIcons/my-icon.svg' } export default { name: 'App', created () { this.$q.iconMapFn = (iconName) => { const icon = appIcons[iconName] if (icon !== undefined) { return { icon: icon } } } } } </script>

      my-icon.svg is in public/customIcons (public is at the same level as src)

      <q-icon name="app:my-icon" @error="logError" />

      and

      <q-icon name="img:customIcons/my-icon.svg" @error="logError" />

      log the same error, including:
      target: img.q-icon.notranslate
      currentSrc: "http://localhost:8080/customIcons/my-icon.png"

      if I try accessing http://localhost:8080/customIcons/my-icon.png, then I get a page with: “Cannot GET /customIcons/my-icon.svg”

      Any idea about what I am doing wrong ?