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

    Custom Footer/Menu with irregular shape

    Help
    2
    3
    151
    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.
    • K
      kenyon last edited by

      Hi all,

      Still fairly new to Quasar (and development for that matter) so I apologize if this is a no brainer.

      I’ve been trying to figure out how to achieve a custom menu that has an irregular shape. This will be a web app (even though the menu overlay looks more like a game UI) so I’m not certain if I need to achieve this some other way. I’d like to stick if Quasar if possible. I’ve looked into the various components and have a done a lot of Vue/Quasar searching and haven’t found anything similar to this.

      Any help or advice (even if it’s “This isn’t what Quasar is for” advice) is greatly appreciated!

      a39a97f1-f1f1-49fd-8eb9-8b88a2d8e206-image.png

      I 1 Reply Last reply Reply Quote 0
      • I
        Ilia @kenyon last edited by Ilia

        @kenyon
        https://codepen.io/pikil/pen/BaQyPVm try this one - you can play with heights widths, positions, etc. easily of course to get to your desired outcome. Cheers 🙂

        1 Reply Last reply Reply Quote 2
        • K
          kenyon last edited by

          @Ilia
          That’s awesome, thank you so very much for taking the time and helping me with that! I didn’t even consider CSS to solve this. Thanks again!

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