Preloader modal Framework 7 unchangeable

Question

I have been trying to solve this small issue of changing the modal for the Preloader popup to be bigger so the whole number of A301 can be seen, however I don't understand how Framework 7 design works cus I've been changing many times and it doesn't work.

openCustomPreloader: function () {
        var app = this.$app;
        app.dialog.preloader('Your Room Number is <p style="font-size:200px;line-height:0px;">A301</p>Checking In');
        setTimeout(function () {
          app.dialog.close();
        }, 6000);
      },

target modal width in index page to change the width. that should work fine — prasanna puttaswamy, Mar 10 '18 at 15:20
if you want have greater control then go for popup instead or preloader. — prasanna puttaswamy, Mar 12 '18 at 07:51

score 0 · Answer 1 · answered Mar 13 '18 at 12:52

0

You can change width of dialog by overriting dialog css.

Try to make .dialog width to auto

answered Mar 13 '18 at 12:52

Djiggy

602
6
20

Preloader modal Framework 7 unchangeable

1 Answers1