【スポンサードリンク】

【framework7】dialogのタイトルの変更方法

特に何も設定をしないと、app.dialog.alretで呼び出した時に画面に中央に「framework7」と表示される。
実機で確認してみると、なんとも主張が強い。これを任意のタイトルに変える方法です。

app.js

var app = new Framework7({
   root: '#app', // App root element
   id: 'io.framework7.testapp', // App bundle ID
   name: 'Framework7', // App name
   theme: 'auto', // Automatic theme detection
   dialog: {
      // set default title for all dialog shortcuts
      title: ' ',
   },
   // App routes
   routes: routes,
});

dialogのところでtitleに出したい中身を設定する。
Dialog | Framework7 Documentation

f:id:ayapc:20181230064811p:plain
dialog変更前
f:id:ayapc:20181230064830p:plain
dialog変更後
この設定だとタイトル部分は空欄で表示される。エラーとインフォを混ぜて使っていたため固定値にするとややこしかったので空欄にしてみた。

【スポンサードリンク】