[Solved] Empty dialog

  • First off, how to i format my code in this forum? It will make this post so much better.

    Anyway. I am trying to create a dialog, however it opens up half empty. Here is a screenshot:
    0_1543852854407_2018-12-03 17_00_27-CaseIt app.png

    And here is the code (its from this example: http://v0-13.quasar-framework.org/components/dialog.html):

    methods: {
    change_user() {
    title: ‘Prompt’,
    form: {
    name: {
    type: ‘textbox’,
    label: ‘Textbox’,
    model: ‘’,
    pass: {
    type: ‘password’,
    label: ‘Password’,
    model: ‘’,
    age: {
    type: ‘numeric’,
    label: ‘Numeric’,
    model: 10,
    min: 1,
    max: 100,
    tags: {
    type: ‘chips’,
    label: ‘Chips’,
    model: [‘Joe’, ‘John’],
    comments: {
    type: ‘textarea’,
    label: ‘Textarea’,
    model: ‘’,
    buttons: [
    label: ‘Ok’,
    handler(data) {
    Notify.create(Returned ${JSON.stringify(data)});
    // data.name is ‘Quasar’
    // data.pass is ‘rulz!’
    // data.age is 1
    // data.tags is [‘Joe’, ‘John’],
    // data.comments is ‘Some comments…’

    And from my quasar.conf.js:
    framework: {
    components: [
    directives: [
    // Quasar plugins
    plugins: [

    What am I missing?

  • It looks to me like the form is the only thing that won’t load. Do I need to import it in my framework? if so, where and how?

  • Found it. I was looking at old documentation. I should use prompts now instead of form.

Log in to reply