ComboBox q-select "menu" mode !

src/rootgen/admin/importdata/importdata.vue

@@ -5,7 +5,8 @@
       <q-toggle v-model="caricaDatiToggle" @click="caricadati()"
       label="Carica Dati"></q-toggle>
       <br>
-      <q-select rounded outlined v-model="cosafare"
+      <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="cosafare"
                 :options="ListaCmd"
                 label="Operazione" emit-value map-options>
       </q-select>

src/rootgen/admin/sendpushnotif/sendpushnotif.vue

@@ -1,7 +1,6 @@
 <template>
   <CMyPage img="" title="Invio Push Notifiche" keywords="" description="">
     <div class="q-ma-sm">
-
       <q-tabs v-model="mytab" class="text-teal">
         <q-tab label="Telegram" name="telegram"></q-tab>
         <q-tab label="Notifiche Push" name="push"></q-tab>
@@ -11,39 +10,63 @@
 
       <q-tab-panels v-model="mytab" animated>
         <q-tab-panel name="telegram">
-          <div class="row center_img clBorderSteps" style="max-width: 600px;">
+          <div class="row center_img clBorderSteps" style="max-width: 600px">
             <q-select
-              rounded outlined v-model="whatMsg"
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+              rounded
+              outlined
+              v-model="whatMsg"
               :options="shared_consts.selectwhatMsgToSend"
-              label="Quale Messaggio" emit-value map-options>
+              label="Quale Messaggio"
+              emit-value
+              map-options
+            >
             </q-select>
-            <div v-if="whatMsg === shared_consts.whatMsgToSend.MSG_TEXT"
-                 class="row">
+            <div
+              v-if="whatMsg === shared_consts.whatMsgToSend.MSG_TEXT"
+              class="row"
+            >
               <q-input
-                v-model="mymsg" type="textarea" autofocus label="Messaggio"
+                v-model="mymsg"
+                type="textarea"
+                autofocus
+                label="Messaggio"
                 input-class="myinput-area"
-                style="height: 100px; width: 500px;"></q-input>
+                style="height: 100px; width: 500px"
+              ></q-input>
             </div>
             <div v-if="whatMsg === shared_consts.whatMsgToSend.MSG_OF_TEMPLATE">
               <q-select
-                rounded outlined v-model="templmsgid"
+                :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+                rounded
+                outlined
+                v-model="templmsgid"
                 :options="arrTemplate"
-                label="Scegli il Template di Msg da inviare" emit-value map-options>
+                label="Scegli il Template di Msg da inviare"
+                emit-value
+                map-options
+              >
               </q-select>
 
-              <CMyEditor v-if="mymsg"
-                         v-model:value="mymsg" :showButtons="false" :canModify="true">
-
+              <CMyEditor
+                v-if="mymsg"
+                v-model:value="mymsg"
+                :showButtons="false"
+                :canModify="true"
+              >
               </CMyEditor>
-
             </div>
-            <div class="q-ma-xs q-pa-xs" style="border-color: darkred; border-width: 3px;">
+            <div
+              class="q-ma-xs q-pa-xs"
+              style="border-color: darkred; border-width: 3px"
+            >
               <q-banner
                 rounded
                 dense
                 class="bg-positive text-white"
                 color="primary q-title"
-                style="text-align: center;">
+                style="text-align: center"
+              >
                 <template v-slot:avatar>
                   <q-icon name="fas fa-bullhorn" color="yellow" size="xs" />
                 </template>
@@ -52,79 +75,145 @@
               <div v-html="mymsg"></div>
             </div>
             <q-select
-              rounded outlined v-model="destination"
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+              rounded
+              outlined
+              v-model="destination"
               :options="shared_consts.selectDestination"
-              label="Destinazione" emit-value map-options>
+              label="Destinazione"
+              emit-value
+              map-options
+            >
             </q-select>
             <q-select
-              rounded outlined v-model="sendreally"
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+              rounded
+              outlined
+              v-model="sendreally"
               :options="shared_consts.selectSendReally"
-              label="Destinazione" emit-value map-options>
+              label="Destinazione"
+              emit-value
+              map-options
+            >
             </q-select>
-            <br/>
+            <br />
             <div class="">
-              <q-btn label="Invia Msg" color="primary" @click="SendMsgToAll(shared_consts.TypeSend.TELEGRAM)"></q-btn>
+              <q-btn
+                label="Invia Msg"
+                color="primary"
+                @click="SendMsgToAll(shared_consts.TypeSend.TELEGRAM)"
+              ></q-btn>
             </div>
           </div>
           <q-inner-loading id="spinner" :showing="incaricamento">
-            <q-spinner-tail
-              color="primary"
-              size="4em">
-            </q-spinner-tail>
+            <q-spinner-tail color="primary" size="4em"> </q-spinner-tail>
           </q-inner-loading>
-
         </q-tab-panel>
         <q-tab-panel name="push">
-          <div class="row center_img clBorderSteps" style="max-width: 600px;">
+          <div class="row center_img clBorderSteps" style="max-width: 600px">
             <div class="row">
-              <q-input v-model="title" autofocus label="Titolo" style="width: 300px;"></q-input>
+              <q-input
+                v-model="title"
+                autofocus
+                label="Titolo"
+                style="width: 300px"
+              ></q-input>
             </div>
             <div class="row">
               <q-input
-                v-model="content" type="textarea" autofocus label="Contenuto"
+                v-model="content"
+                type="textarea"
+                autofocus
+                label="Contenuto"
                 input-class="myinput-area"
-                style="height: 100px; width: 500px;"></q-input>
+                style="height: 100px; width: 500px"
+              ></q-input>
             </div>
             <div class="row">
-              <q-input v-model="openUrl" autofocus label="openUrl" style="width: 200px;"></q-input>
-              <q-input v-model="openUrl2" autofocus label="openUrl2" style="width: 200px;"></q-input>
-              <q-input v-model="tag" autofocus label="tag" style="width: 100px;"></q-input>
+              <q-input
+                v-model="openUrl"
+                autofocus
+                label="openUrl"
+                style="width: 200px"
+              ></q-input>
+              <q-input
+                v-model="openUrl2"
+                autofocus
+                label="openUrl2"
+                style="width: 200px"
+              ></q-input>
+              <q-input
+                v-model="tag"
+                autofocus
+                label="tag"
+                style="width: 100px"
+              ></q-input>
             </div>
             <q-select
-              rounded outlined v-model="actiontype"
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+              rounded
+              outlined
+              v-model="actiontype"
               :options="shared_consts.selectActions"
-              label="Tipo Msg" emit-value map-options>
+              label="Tipo Msg"
+              emit-value
+              map-options
+            >
             </q-select>
             <q-select
-              rounded outlined v-model="destination"
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+              rounded
+              outlined
+              v-model="destination"
               :options="shared_consts.selectDestination"
-              label="Destinazione" emit-value map-options>
+              label="Destinazione"
+              emit-value
+              map-options
+            >
             </q-select>
             <q-select
-              rounded outlined v-model="sendreally"
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+              rounded
+              outlined
+              v-model="sendreally"
               :options="shared_consts.selectSendReally"
-              label="Destinazione" emit-value map-options>
+              label="Destinazione"
+              emit-value
+              map-options
+            >
             </q-select>
-            <div v-if="actiontype === shared_consts.TypeMsg_Actions.OPZ1_2" class="row">
-              <q-input v-model="opz1" autofocus label="Opzione 1" style="width: 100px;"></q-input>
-              <q-input v-model="opz2" autofocus label="Opzione 2" style="width: 100px;"></q-input>
+            <div
+              v-if="actiontype === shared_consts.TypeMsg_Actions.OPZ1_2"
+              class="row"
+            >
+              <q-input
+                v-model="opz1"
+                autofocus
+                label="Opzione 1"
+                style="width: 100px"
+              ></q-input>
+              <q-input
+                v-model="opz2"
+                autofocus
+                label="Opzione 2"
+                style="width: 100px"
+              ></q-input>
             </div>
-            <br/>
+            <br />
             <div class="">
-              <q-btn label="Invia Msg" color="primary" @click="SendMsgToAll(shared_consts.TypeSend.PUSH_NOTIFICATION)"></q-btn>
+              <q-btn
+                label="Invia Msg"
+                color="primary"
+                @click="SendMsgToAll(shared_consts.TypeSend.PUSH_NOTIFICATION)"
+              ></q-btn>
             </div>
           </div>
           <q-inner-loading id="spinner2" :showing="incaricamento">
-            <q-spinner-tail
-              color="primary"
-              size="4em">
-            </q-spinner-tail>
+            <q-spinner-tail color="primary" size="4em"> </q-spinner-tail>
           </q-inner-loading>
-
         </q-tab-panel>
       </q-tab-panels>
     </div>
-
   </CMyPage>
 </template>
 <script lang="ts" src="./sendpushnotif.ts">

src/rootgen/admin/userPanel/userPanel.vue

@@ -7,10 +7,12 @@
     <div v-if="myuser.username" class="q-ma-sm row bordo_stondato" style="min-width: 300px; ">
 
       <div class="row">
-        <q-select rounded outlined v-model="notifdirtype" :options="listnotiftype" label="Tipo" emit-value map-options>
+        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="notifdirtype" :options="listnotiftype" label="Tipo" emit-value map-options>
         </q-select>
 
-        <q-select rounded outlined v-model="notifidtype" :options="listnotifid" label="Notifica" emit-value map-options>
+        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="notifidtype" :options="listnotifid" label="Notifica" emit-value map-options>
         </q-select>
       </div>
 
@@ -32,10 +34,12 @@
       class="q-ma-sm row bordo_stondato" style="min-width: 300px; ">
 
       <div class="row">
-        <q-select rounded outlined v-model="notifdirtypeTest" :options="listnotiftypeTest" label="Tipo" emit-value map-options>
+        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="notifdirtypeTest" :options="listnotiftypeTest" label="Tipo" emit-value map-options>
         </q-select>
 
-        <q-select rounded outlined v-model="notifidtypeTest" :options="listnotifidTest" label="Notifica" emit-value map-options>
+        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="notifidtypeTest" :options="listnotifidTest" label="Notifica" emit-value map-options>
         </q-select>
       </div>
 
@@ -75,6 +79,7 @@
 
       <q-space></q-space>
       <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
         v-model="colVisib"
         rounded
         outlined