Good job!

This is an app finished with Apache Cordova and I am trying to run on an Iphone 4s.

I opened a issue in github, but for the moment the author is involved with many other tasks. So I took the initiative to post my question here in the forum. Does anyone have information that can help me?

Issue: https://github.com/quasarframework/quasar/issues/219#issuecomment-264451797

App does not open on Iphone 4s

I have not tested on a real device yet, but I believe there are issues with opening the application on the Iphone 4s model. The simulation I did was with the website appetize.io.

Note:

https://appetize.io/app/ftfjahc9nfjgyu00jv04u7ed7w?device=iphone4s&scale=75&orientation=portrait&osVersion=9.3

Hi,

Just as it is for Android, is there still a need to install a plugin to implement a custom webview for iOS devices?

Is there an officially iOS version of the crosswalk for Cordova?

How to deal with this now !?

Thank you for your help,

ok.

tks

I was wondering if you understood what happens reported on this issue.

So it is with me.

https://dl.dropboxusercontent.com/u/24616510/quasar/scroll.gif

@rstoenescu said in Bottom Tabs in Content Component:

And also absolute position those tabs on the bottom of the container. Sorry for not saying full story from the beginning. I’m jumping from one work item to another and getting exhausted

I can imagine how much it is working! I see that your effort will bring excellent results in the future.

With regard to “tabs” being absolutely at the bottom, within a component, there is no way to do. It is!?

Thank you for your help.

@rstoenescu said in Bottom Tabs in Content Component:

Put it outside of layout-padding div when you don’t need that padding.

Its not working.

<template>
  <div>
    <div class="layout-padding">
    </div>
    <div slot="footer" class="toolbar">
      <quasar-tabs slot="footer">
        <quasar-tab icon="view_quilt" route="/showcase/layout" exact replace>About</quasar-tab>
        <quasar-tab icon="view_day" route="/showcase/layout/toolbar" replace>Toolbar</quasar-tab>
        <quasar-tab icon="view_day" route="/showcase/layout/tabs" replace>Tabs</quasar-tab>
        <quasar-tab icon="input" route="/showcase/layout/drawer" replace>Drawer</quasar-tab>
      </quasar-tabs>
    </div>
  </div>
</template>

<script>
import { mapActions } from 'vuex'
import DmButton from './buttonFullWidth.vue'
// import { Toast, Dialog } from 'quasar'

export default {
  data () {
    return {
    }
  },
  mounted () {
    this.setHeaderTitle('Contato')
  },
  methods: {
    ...mapActions([
      'setHeaderTitle'
    ])
  },
  components: {
    DmButton
  },
  computed: {
  },
  watch: {
  }
}

</script>

<style>

</style>

But I need inside a component and not in the main layouyt. Look how it looks inside my component:

@rstoenescu said in Small Chips:

Currently no. You’d have to (over)write with your CSS.

okay…

This did not work.

<template>
  <div>
    <div class="layout-padding" style="margin:1em;">

      tela de contato com a docmob

    </div>
    <quasar-tabs slot="footer">
      <quasar-tab icon="view_quilt" route="/showcase/layout" exact replace>About</quasar-tab>
      <quasar-tab icon="view_day" route="/showcase/layout/toolbar" replace>Toolbar</quasar-tab>
      <quasar-tab icon="view_day" route="/showcase/layout/tabs" replace>Tabs</quasar-tab>
      <quasar-tab icon="input" route="/showcase/layout/drawer" replace>Drawer</quasar-tab>
    </quasar-tabs>

  </div>
</template>

How do I change the colors of the footer?

How do I put a “tab” bar on the bottom of a component in Quasar? The result I need is the same as the url below:

http://ionicframework.com/docs/v2/components/#tabs-icon

Thanks in advance for any help.

Is there a standard Quasar class that can change the size of the “chips” component? In some needs, a smaller chip would fit the layout better.

How do I change the labels for the navigation buttons on the “stepper”? I need you to stay in my language, Brazilian Portuguese.

I just did a test with a build for android and this does not occur, ie the app fixes fixed.

https://appetize.io/app/jhkxqdje3zxeq2jczd0trfvkz8?device=nexus5&scale=75&orientation=portrait&osVersion=4.4

Let’s deal with this through an issue or is it just lack of setup !?

@rstoenescu said in App panel "Loose":

Hi. I get 403 Forbidden

Now it’s okay.

To eliminate the possibilities of external problems, I created a new Quasar standard project, nothing more than the standard.

Note that the app’s basic sturutra is loose. I think by default she should get stuck.

Almost every application I know has its base structure stuck.

Can I do this with some standard Quasar property or do I need to customize with CSS?

Thank you in advance for your help.

https://dl.dropboxusercontent.com/u/24616510/quasar/painel_solto.gif

Hi,

There is an issue for this, but I need to get help from friends here:

I did some deploys with “Cordova” to see how the visual is behaving on its definitive operating systems. I found some inconsistencies, being that in this issue I will deal with the blinking card problem.

In iOS, when a collapsible element is closing, a blink occurs on the card. I made a video as app running inside an iPhone 5 with ios10.1):

http://sendvid.com/di9y63r3

To help debugging, I also did a simulation with “cordova run browser”. And problems do not occur.