Are there plans for theming support in Quasar? Like the IOS theme Quasar v0.x used to have.

Best posts made by dobbel
-
RE: Ask Razvan a Question! Q & A for Quasar.Conf
-
RE: How to achieve v-ripple effect on table rows?
@beets @maptesting
yes that fixes the ripple on the tr. Thanks! I updated the codepen with your css.
-
RE: Vuex getter undefined
You’re mixing MapGetters with explicit store getter calls.
You either use the explicit store getter call like:
this.$store.getters.getColorScheme
or you use ( with mapGetters) :
this.myMappedGetterFunction()
BUT because your getter
getColorScheme
is in a vuex modulecolors
you have to do it like this:explicit store call ( without mapgetters):
let colorScheme = this.$store.getters["colors/getColorScheme"](this.dashboardColorScheme)
With mapgetters:
computed: { ...mapGetters({ getColorScheme: 'colors/getColorScheme', anotherGetter: 'colors/anotherGetter', }) // This is the syntax used: ...mapGetters('some/nested/module', [ 'someGetter', // -> this.someGetter 'someOtherGetter', // -> this.someOtherGetter ]) } // somewhere else in for example a method: let colorScheme = this.getColorScheme(this.dashboardColorScheme)
found a nice vue vuex demo with namespacing(modules):
-
RE: Line break in Q-tooltip?
this works with
<br>
inhovertext
:<q-tooltip content-class="bg-indigo" :offset="[10, 10]" > <div v-html="hoverText"></div> </q-tooltip>
-
RE: QCalendar: hide times in day view if outside work hours
You can use
interval-start
in combination withinterval-count
:https://quasarframework.github.io/quasar-ui-qcalendar/examples/day-view#example-Interval-Start
-
RE: Electron Auto-reload doesn't work well in Node v15.0.1
It’s recommended to use node version 12.x for Quasar.
-
RE: Quasar Admin CRM Template
very nice. Would love to see a Vue alternative for react admin.
-
[V1] how to build with ios theme? -T ios
[V1] How do I build/run (cordova)apps with ios theme?
From the V1 doc:
https://v1.quasar-framework.org/quasar-cli/developing-mobile-apps/build-commandsquasar dev -m cordova -T ios
quasar build -m cordova -T iosthese commands result in a app with Material Android look/theme instead of ios.
This used to work in v0.17x
-
RE: vuex getters actions
This is better:
In your component:
computed: {
…mapGetters(‘MODULE_NAMESPACE’, [‘GETTER_NAME’])
}then you can use the store getter as a computed property in your component.
-
RE: My profile template made using Quasar Framework and Vue.js
the cards wit the ribbon look very pro. Why not use the gallery/lightbox component so people can fullscreen see your nice drawings.
-
RE: [V1] how to build with ios theme? -T ios
Where can I find the examples to make components look and feel like iOS?
Are there any plans of any kind of (offical) ios theme support for standard components in V1 in the near future?
-
RE: Is there a demo example app following recommended directory structure?
I have succesfully completed a project with quasar and meteor using this start kit:
https://github.com/alexandesigner/quasar-meteor
the most comprehensive open source quasar app demo is the website itself of the quasar documentation.
-
RE: [V1] how to build with ios theme? -T ios
Not wanting to insult people but I have the feeling this thread is diverting from the original topic: what happened to the IOS theme support in V1.
Fact is that one of the main features(out of the box ios theming) has been been removed from Quasar [V1] and replaced by: do it yourself. While (ios) theming is ‘advertised’ as one of the main features of the quasar framework:
- Hybrid Mobile Apps (that look native!)*
https://www.patreon.com/quasarframework
- Two Themes (more to come) - Material theme and iOS theme.*
- native mobile Apps (that really look native!)*
Could anyone tell me if there are plans of any kind of (offical) ios theme support for in V1 in the near future?
-
RE: Quasar Admin CRM version 3 (Dark mode)
great update!
A little feedback: on the V3 dashboard the “Records per page” number on the bottom right is black instead of something brighter.
-
RE: How to use transitions between routes?
https://quasar.dev/quasar-cli/cli-documentation/boot-files
Simple way is to check out a new quasar project and selected i18n as option. Then you have an example how boot files work.
- add boot file foo.js in the boot folder
- add line with foo in quasar.conf under boot
this is the content of my bootfile: ( i don’t know how to format a block as code)
import Vue from “vue”;
import VuePageTransition from “vue-page-transition”;Vue.use(VuePageTransition);
-
RE: How to make a quasar app a share target on iOS/Android?
and another that’s actually the original version.( the other one was a fork of this one)
-
RE: QDraggableTree v0.0.4 has been released!
Hi great work again!
some feedback: usually in components with a lot of the same items, there’s a specific icon used that informs the user of the draggable/resortable functionality.
Like this:
https://res.cloudinary.com/flycatcher/image/upload/v1572289775/listgif_igl9j7.gifbtw I was wondering if hou have plans to work on your awesome company page template?:
https://github.com/mayank091193/vue-quasar-company-profile-website
-
RE: responsive problem
looks fine on my android phone…responsive and all. Can you be more specific what you think is wrong? image ?