今回はテーマの色をデフォルトから変更したかったので、以下のサイトを参考にしてテーマの色を変更してみた。 [discussion] Idea about themes - Questions - Framework7 Forum ①新規lessファイルの配置 wwwのcss配下に新しくlessファイルを作ってcustomカラ…

開発しているとすぐにHTMLの中でjavascriptを呼び出したいという場面が出てくる。framework7の中でHTML内でjavascriptを使うにはちょっとステップを踏まなければいけなかった。 普通にこんな風に書いてみたところでうんともすんとも言わない。 <script> app.dialog.a</script>…

最終的にデザインを仕上げる段階になってきて、HTMLのそのままじゃボタンが押しにくいのでデザインを入れるか何かしないとということになってきた。 そこで見つけたのがこのアイコンたち、かわいい。 Framework7 Icons これなら書式をダウンロードしたりしな…

基本的なデザインはCSSファイルをいじらなくてもできるようになっているけど、やっぱり微調整をしたい、テンプレート使うよりはCSSで直した方が早い、ということもある。 framework7でCSSを使うのも簡単で、CSS配下にあるapp.cssに追記していくだけ。 -node_…

特に何も設定をしないと、app.dialog.alretで呼び出した時に画面に中央に「framework7」と表示される。 実機で確認してみると、なんとも主張が強い。これを任意のタイトルに変える方法です。app.js var app = new Framework7({ root: '#app', // App root el…

デフォルトでは青い画面として設定されていますが、簡単に色を変えることができます。 Color Themes | Framework7 Documentationただここで指定されている9種類以外を指定する場合にはおそらく自分でCSSを触らなければいけないはず。それはまだ試していない…

monacaで早速アプリを作ろうとしたが、最初の画面でも何やら選択を迫られる。 「新しいプロジェクトを作る」と選択すると以下の3つの選択肢がでてくる ・サンプルアプリケーション ・フレームワークテンプレート ・最小限のテンプレート サンプルアプリケー…