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

    Q IMG expands container

    Help
    flexgrid image
    2
    8
    172
    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.
    • L
      lazaroofarrill last edited by

      Im trying to make a responsive two view layout.
      I have a row that shows two equal sized containers. One of them holds am img. When in vertical mode they are supposed to be shown one on top of the other, but the one in the top when it has an img increases its size shrinking the second view. Any help would be much appreciated.

      dobbel 1 Reply Last reply Reply Quote 0
      • dobbel
        dobbel @lazaroofarrill last edited by

        @lazaroofarrill

        Please create a codepen.io to demo your problem so that people here can provide better support ( simple by using one of quasar’s example codepens)

        L 1 Reply Last reply Reply Quote 0
        • L
          lazaroofarrill @dobbel last edited by

          @dobbel Never made a codepen before don’t know if this is right way to share it.
          https://codepen.io/lazaroofarrill/pen/LYbxpJx

          dobbel 1 Reply Last reply Reply Quote 0
          • dobbel
            dobbel @lazaroofarrill last edited by

            @lazaroofarrill

            Yes very good codepen, that makes it much more clear.

            I switched from flex column mode to row mode:
            https://codepen.io/ontwikkelfabriek/pen/JjbErrx?editors=111

            L 1 Reply Last reply Reply Quote 0
            • L
              lazaroofarrill @dobbel last edited by

              @dobbel but the picture still shrinks the second container when in vertical mode

              dobbel 1 Reply Last reply Reply Quote 0
              • dobbel
                dobbel @lazaroofarrill last edited by

                @lazaroofarrill

                yes, that is desired behavior most of the time , because the height of the container will adapt to the content inside.

                What would you want to happen?

                L 1 Reply Last reply Reply Quote 0
                • L
                  lazaroofarrill @dobbel last edited by lazaroofarrill

                  @dobbel i want the first and second container to be always the same size to have a dual view. I don’t want the image to grow more than the deafult size of the container.

                  1 Reply Last reply Reply Quote 0
                  • dobbel
                    dobbel last edited by

                    @lazaroofarrill

                    A bit hacky but something like this?
                    https://codepen.io/ontwikkelfabriek/pen/JjbErrx?

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