Navigation

    Monaca & Onsen UI
    • Register
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. Bassie
    B
    • Flag Profile
    • Profile
    • Following
    • Followers
    • Blocks
    • Topics
    • Posts
    • Best
    • Groups
    Save
    Saving

    Bassie

    @Bassie

    0
    Reputation
    12
    Posts
    1215
    Profile views
    0
    Followers
    0
    Following
    Joined Last Online

    Bassie Follow

    Posts made by Bassie

    • RE: fcm_push_icon.png

      Anybody knows how to use this solid color icon for Android > 5.0?

      Also a related problem (I think) I have with this cordova plugin is with GoogleService-Info.plist
      I copied this file to the root in the Monaca IDE, but I get an error running it on a iOS-device.
      I see related suggestions for this problem talking about copying it to

      /platforms/ios/yourAppNameFolder/Resources/Resource/GoogleService-Info.plist
      

      This Cordova folder-structure is different then the one in the Monaca IDE.
      How do these folder structures relate?

      posted in Monaca Tools
      B
      Bassie
    • RE: fcm_push_icon.png

      Yes, knew that of course, I tried it like this:

        <platform name="android">
          <allow-intent href="market:*"/>
          <splash src="/res/android/screen/splash-port-xhdpi.png" density="port-xhdpi"/>
          [...]
          <icon src="/res/android/icon/xxxhdpi.png" density="xxxhdpi"/>
          [...]
          <icon src="/res/android/icon/fcm_push_icon.png"/>
        </platform>
      

      where the rest of the content is created by “Android App Configuration” in Monaca.
      Just adding my line to the end (and uploading the png to that folder) doesn’t work.

      I saw some examples searching online, but they use a different folder-structure then is created by Monaca (like Android Asset Studio Notification icon generator).

      (My goal is for this https://github.com/fechanique/cordova-plugin-fcm plugin to show a different icon for the statusbar notification as stated there:

      "For Android >5.0 status bar icon, you must include transparent solid color icon with name 'fcm_push_icon.png' in the 'res' folder in the same way you add the other application icons. If you do not set this resource, then the SDK will use the default icon for your app which may not meet the standards for Android >5.0."
      
      posted in Monaca Tools
      B
      Bassie
    • fcm_push_icon.png

      Where do I put the reference to this icon in the config.xml?

      <icon src="/res/android/icon/fcm_push_icon.png"/>
      
      posted in Monaca Tools
      B
      Bassie
    • RE: Accessing Vue-data while in $ons.notification

      The above is probably not OnsenUI related and has something to do with scope/async.
      But doing it like this:

      $ons.notification.confirm('Are you sure?',
                { modifier: 'material',
                  cancelable: true,
                  title: 'Delete group?',
                  buttonLabels: ['Yes', 'No']}
       ).then((response) => {
          console.log(this.myGroups) // ***** Works FINE !!! *****
        });
      

      as stated here: https://onsen.io/v2/api/vue/$ons.notification.html

      it works fine…

      posted in Onsen UI
      B
      Bassie
    • Accessing Vue-data while in $ons.notification

      How can I retrieve from data while in this.$ons.notification.confirm callback?

      <script>
      export default {
        name: 'groups',
        data () {
          return {
            myGroups: JSON.parse(localStorage.getItem("myGroups")),
          }
        },
        methods: {
          deleteGroup: function(groupId) {
      
            console.log(this.myGroups); // ****** OKE here ******
      
            this.$ons.notification.confirm('Are you sure?',
                { modifier: 'material',
                  cancelable: true,
                  title: 'Delete group?',
                  buttonLabels: ['Yes', 'No'],
                  callback: function(answer) {
                      if (answer == 0) { //YES
                        console.log(this.myGroups) // ***** Undefined here ?? *****
                      }
                  }
                })
          }
      }
      </script>
      
      posted in Onsen UI
      B
      Bassie
    • RE: React Native problem

      OK, I read a bit further into it… installed Android SDK etc… and now can edit and view the result in the AVD/emulator.
      So no editing from the Cloud IDE.

      1. There also are no OnsenUI-controls avalable if I’m correct?
      2. Monaca is solely used for building the apk/ipa in this scenario?
      posted in Monaca Tools
      B
      Bassie
    • React Native problem

      When following:
      https://docs.monaca.io/en/products_guide/monaca_cli/react_native/

      I get a project synced to the online dashboard.
      But when I try to open it, it only shows the Build Settings.

      How can I edit the project in the online IDE like other No-framework-projects or Angular1-projects?

      posted in Monaca Tools
      B
      Bassie
    • Vue template help needed

      I want to try Vue.js with Monaca/OnsenUI.
      But I’m having trouble getting the correct template created with Monaca CLI or Vue CLI.
      Many Vue related Monaca-docs give me a 404 error, I only see React instructions in the current docs.
      For example this url:
      https://docs.monaca.io/en/monaca_cli/samples/vue_onsen/

      Method 1:
      I followed a cached version of that link:
      https://webcache.googleusercontent.com/search?q=cache:6gAqUN11KSkJ:https://docs.monaca.io/en/monaca_cli/samples/vue_onsen/+&cd=1&hl=nl&ct=clnk&gl=nl

      And did this (in NodeJS/Monaca CLI):

      npm install -g vue-cli
      vue init OnsenUI/vue-cordova-webpack projectName
      cd projectName
      npm install
      monaca upload
      

      I then get a (very) blank project in the Cloud IDE, without any Vue-files or OnsenUI.

      If I first do:

      monaca transpile
      

      …and then upload to the IDE, I get a working project with Vue.
      But that has minified code, so is unusable to modify.

      What am I doing wrong?

      Method 2:
      I also tried:

      monaca create projectName --template onsenui-v2-vue-splitter
      

      …but then I get:

      Downloading template...
      www/components already exists. Skipping.
      Installing template dependencies...
      Error occurred while creating project: Failed to install template dependencies.
      

      Am I doing something wrong? Is there a way to see what dependencies I’m missing?

      posted in Monaca Tools
      B
      Bassie