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
    1. Home
    2. silentcoast
    S
    • Profile
    • Following 0
    • Followers 0
    • Topics 6
    • Posts 15
    • Best 4
    • Groups 0

    silentcoast

    @silentcoast

    6
    Reputation
    354
    Profile views
    15
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    silentcoast Follow

    Best posts made by silentcoast

    • RE: Dynamic Theme Options

      I was making this far more difficult then it needed to be actually. I just ended up importing two different stylus sheets. Each with a header of for example .darktheme and .lighttheme. Then just change the class on the root element and it works perfect. Thank you for getting back to me!

      posted in Help
      S
      silentcoast
    • Solved: Vuex actions this.$

      Good Evening!

      I’ve been working on converting our app over to the newest .15 version that was released. I had a question come up thought that I’m curios on how y’all handle it. I’m fairly new to Vue as well so may be a basic question.

      Prior to .15 I was throwing axios and a few other general items into the window, now I’m trying to use them inside a plugin. Inside of my “auth” store actions.js file I’m trying to access some functions included in some of the plugin files. For example “this.$axios”. I can access these easily from the pages or components folders just not from anything inside the stores folder. Should I be accessing it differently? Heres what I’ve tried:
      Vue.$axios
      Vue.prototype.$axios

      Again probably something simple but racking my brain on this one!

      posted in Help
      S
      silentcoast
    • Dynamic Theme Options

      Hey All!

      Relatively new to the Quasar Framework and cant tell if I’m running into a limitation of the frameworks or just having a total brain fart. We are using the mat theme and I have a layout setup and working great. We are wanting to give the users the ability to select between “Theme 1” and “Theme 2” which will basically just change up some colors on the pages.

      I’ve tried everything that comes to mind and tried finding other people doing something similar but not having much luck. As an over simplified example heres what I’m trying to do:

      <script>
          import { QLayout } from 'quasar'
      
          var cssfile = 'DarkCSS'
          import '@/themes/'+cssfile+'.styl'
      
          export default {
              components: { QLayout },
              data () {
                 return {}
              },
      .....
      </script>
      

      If I use “import ‘@/themes/DarkCSS.styl’” it works just fine so I know at least that will work. But I want it controlled by Vue so doesnt really help me much! I’ve also tried throwing it down in the <style> tags at the end of the page but I cannot use Vue variables down there to control which css file is loaded. Also I dont have to use stylus I can switch over to CSS for what I’m trying to do and maybe thats my only option!?

      I’m sure I am just trying to go about this completely wrong any advice would be great!

      posted in Help
      S
      silentcoast
    • RE: 3 questions I have!?

      @haizone said in 3 questions I have!?:

      @benoitranque many thanks
      U have maybe a good tutorial for the framework and Cordova plugin ?

      I would start here: http://quasar-framework.org/guide/cordova-introduction.html

      The docs are good and work they have a page that goes over Cordova plugins as well. This is just going to get your app setup to work with Cordova though. From there you’ll need to do some research on cordova probably starting on it’s site: https://cordova.apache.org/

      posted in Help
      S
      silentcoast

    Latest posts made by silentcoast

    • RE: CALL_AND_RETRY_LAST

      Yeah since the update same here. I can get about 6 updates and it’ll crash. Thanks for the link Hawkeye.

      posted in Help
      S
      silentcoast
    • RE: Cordova app on tablet looks terrible

      Can you show us the code calling “isInteger”? I’ve had nothing but great success with small and large apps with Quasar/Cordova. Sometimes it can get a little tricky though. 1/4th the time is developing in the emulator just to get concepts down and working. The other 3/4 of the project is getting it to work on the actual devices.

      posted in Framework
      S
      silentcoast
    • Searching on select focus

      Hey All,

      I’m working with q-select and trying to figure out how to search/type on focus. A regular select box if you tab into it you can start typing and it auto select as you go. Most semi-power users will use this as a time saver. Right now they’ll have to tab then click the enter key or space bar to bring it up which most users wont know to do.

      Is there a correct way to do this?

      –

      The other issue I’ve found while playing around is when a user does click into it and if you have a filter enabled when they select an option the focus is out of order at that point so if they tab it will then start over from the top of the page. If they tab into it, dont select anything, tab again, it continues as it should. This is more of a heads up for others.

      posted in Help
      S
      silentcoast
    • RE: 3 questions I have!?

      @haizone said in 3 questions I have!?:

      @benoitranque many thanks
      U have maybe a good tutorial for the framework and Cordova plugin ?

      I would start here: http://quasar-framework.org/guide/cordova-introduction.html

      The docs are good and work they have a page that goes over Cordova plugins as well. This is just going to get your app setup to work with Cordova though. From there you’ll need to do some research on cordova probably starting on it’s site: https://cordova.apache.org/

      posted in Help
      S
      silentcoast
    • Build: _this is not a function

      Having a tough time tracking this one down but maybe y’all have seen something like it. The code looks fine and works great on dev so not sure what I’m missing… This is being built with 0.15.3, running with quasar dev it works perfect.

      Error I’m getting is: _this.userTheme is not a function

      Here’s what the function looks like:

      export const userTheme = (state) => {
        var pi = _.findIndex(state.user.properties, function (o) {
          return o.type === 'theme'
        })
        if (pi > -1) {
          return _.toInteger(state.user.properties[pi].value)
        } else {
          let ct = this.customerTheme(state)
          if (ct === -1) {
            return 0
          } else {
            return ct
          }
        }
      }
      
      export const whichThemeNamed = (state) => {
        let which = this.userTheme(state) <-------Errors out here
        which = (which === 0) ? 'lighttheme' : 'darktheme'
        t.$log('Which Theme Named', {
          theme: which
        })
        return which
      }
      posted in Help
      S
      silentcoast
    • RE: Solved: Vuex actions this.$

      Yeah I was over thinking it I guess. All I had to do was import Vue and all my prototype methods were then available. I didnt think it would work like this because I was assuming it would create a new instance of Vue and not have the same setup as the initial/main instance.

      posted in Help
      S
      silentcoast
    • RE: Axios settings/defaults 0.15

      @lucianoreis I put them right under where you create axios.

        Vue.prototype.$axios = axios.create({
          baseURL: 'http://localhost:80'
        })
      
        Vue.prototype.$axios.interceptors.response.use(function (response) {
      posted in Help
      S
      silentcoast
    • Solved: Vuex actions this.$

      Good Evening!

      I’ve been working on converting our app over to the newest .15 version that was released. I had a question come up thought that I’m curios on how y’all handle it. I’m fairly new to Vue as well so may be a basic question.

      Prior to .15 I was throwing axios and a few other general items into the window, now I’m trying to use them inside a plugin. Inside of my “auth” store actions.js file I’m trying to access some functions included in some of the plugin files. For example “this.$axios”. I can access these easily from the pages or components folders just not from anything inside the stores folder. Should I be accessing it differently? Heres what I’ve tried:
      Vue.$axios
      Vue.prototype.$axios

      Again probably something simple but racking my brain on this one!

      posted in Help
      S
      silentcoast
    • RE: q-collapsible with q-side-link MS Edge issue?

      @eleina @Max yes I have these two lines un-commented

      require(quasar/dist/quasar.ie)
      require(quasar/dist/quasar.ie.${__THEME}.css)

      This is really odd! I tried on a couple different computers just to make sure it wasn’t something with this one and it did the same thing. I’ll start a new/blank project tonight and see if its a different package causing it.

      posted in Help
      S
      silentcoast
    • RE: q-collapsible with q-side-link MS Edge issue?

      0_1511406204396_icons.png

      90% of the time below test it will show just a blank area. It does occasionally though show icons with no text. Sometimes it will show 1 button or even just half a button but none of the others.

      posted in Help
      S
      silentcoast