@s-molinari @digiproduct, Thanks for the replies. I solve my issue with Qspace with the help of the the guys in the discord chat. I thought that implementing this kind of feature was a easy task, just using one the many alignment class available in the framework, still don’t know if I was doing something wrong or the toolbar containter has some black magic that I dont know about it.
Posts made by arieltoledo
RE: How to align buttons to left and right inside toolbar ?
How to align buttons to left and right inside toolbar ?
Hi, everybody. Im trying to align one button next to q-toolbar-tittle and the others to the right, but it’s seems imposible to do that. Can you help me please.
<q-layout view="lHh Lpr lFf"> <q-header elevated> <q-toolbar> <q-toolbar-title shrink class="q-mr-md"> <img alt="logo" src="~assets/logo.png" width="190"> </q-toolbar-title> <div class="row justify-start"> <q-btn no-caps flat color="grey-8" label="About" ></q-btn> </div> <div class="row justify-end"> <q-btn class="items-end" no-caps flat color="grey-8" label="Login" ></q-btn> <q-btn no-caps flat color="grey-8" label="Register" ></q-btn> </div> </q-toolbar> </q-header> <q-page-container> <router-view /> </q-page-container> </q-layout> </template>
How to make q-layout-drawer auto close when clicking outside, (mobile behavior)
By configuring the mobile behavior property, the drawer hides when you click anywhere in the DOM. I want to recreate this behavior on the desktop. Any way to do it? Thanks !! Love Quasar by the way.