Best posts made by dobbel

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

@beets @maptesting

yes that fixes the ripple on the tr. Thanks! I updated the codepen with your css.

@Incremental

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 module colors 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):

https://github.com/TwoFistedJustice/vue-namespace-basic

@quasy

this works with <br> in hovertext:

<q-tooltip 
          content-class="bg-indigo"
          :offset="[10, 10]"
        >
         <div v-html="hoverText"></div> 
</q-tooltip>

very nice. Would love to see a Vue alternative for react admin.

https://github.com/marmelab/react-admin

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.

[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-commands

quasar dev -m cordova -T ios
quasar build -m cordova -T ios

these commands result in a app with Material Android look/theme instead of ios.

This used to work in v0.17x

the cards wit the ribbon look very pro. Why not use the gallery/lightbox component so people can fullscreen see your nice drawings.

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.

https://github.com/quasarframework/quasar/tree/dev/docs

@rstoenescu

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?

very nice!

Here’s a cordova plugin:

https://github.com/missive/cordova-plugin-openwith

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:

https://quasar-framework.org/

• 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?

great update!

A little feedback: on the V3 dashboard the “Records per page” number on the bottom right is black instead of something brighter.

@perelin

and another that’s actually the original version.( the other one was a fork of this one)

https://github.com/j3k0/cordova-plugin-openwith

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.

1. add boot file foo.js in the boot folder
2. 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);

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.gif

btw I was wondering if hou have plans to work on your awesome company page template?:

https://github.com/mayank091193/vue-quasar-company-profile-website

@turigeza said in Code cleaning:

Isn’t it the default when you start a Quasar project to have this running with quasar dev ?

yes

looks fine on my android phone…responsive and all. Can you be more specific what you think is wrong? image ?

@mayank091193 Hi, I am currently implementing your company template for a test drive! It is much prettier than any landing page I could come up with.

Some feedback as promised:

it would be nice if the menu would collapse in a hamburger menu when viewed on mobile. ( the tab controls -left right arrow - is not very optimal)

here’s a tutorial of how to if you’re interested:

https://www.youtube.com/watch?v=fN2-1V2YARQ&t=5s