Onsen UI

HTML5で記述されたモバイルアプリの高速化、およびネイティブアプリライクなUIが作れるフレームワーク。 様々なJavaScriptフレームワークと併せて使用することができます。スマートフォン向けアプリ、Webサイトに必要なアニメーション、UI/UXを実装することが可能になります。

RSS

  • 解決済

    回答
    2

    OnsenUIのpageの背景を画像にしたい

    前提・実現したいこと OnsenUIを使用してMonacaでアプリを開発しています。 ons-tabbar-itemでページを分けているのですが、navigator.html(最初に表示されるページ)だけ背景を画像にしたいのですが、やり方が分かりません。 試したこと onsen-css-components.cssに下のソースコードのように実装し

    • 0評価
    • 31PV
    tera_infinity tera_infinity 11時間前
  • 受付中

    回答
    1

    ons-dialog のshow()メソッドでUnhandled promise rejection...

    前提・実現したいこと Monaca クラウド IDEで 「Onsen UI V2 Angular 1 Splitter」のテンプレートをベースにアプリを作成しています。 アプリ起動時最初にログインダイアログを表示しようとしているのですが ダイアログの起動がデバッカー(Android)だととても不安定です。(プレビューでは問題なく出ます) ダイア

    • 0評価
    • 46PV
    ryu_ta ryu_ta 5日前
  • 受付中

    回答
    0

    Android7でLineのインテント起動ができなくて困っています。

    前提・実現したいこと Onsen UI + CordovaでAndroidアプリ開発しています。 以下ソース通りにインテントを起動させようとしていますが、 Android4、5では起動できるのですが、Android7からLINEの起動ができません。(Android6はないので試せていません。) Lineが起動できません。twitter、Faceboo

    • 0評価
    • 31PV
    huckepain huckepain 4日前
  • 解決済

    回答
    2

    ons-page使用時のスクロール位置取得

    onsenUIのons-page使用時にスクロール位置を取得する方法が分からないため質問させていただきます。 $(window).scrollTop(); などで取得しようとしても必ず戻り値は0になってしまいます。 スクロール位置を取得したい理由は、ons.notification等を利用してポップアップ表示した際にページの先頭に戻ってしまう

    • 0評価
    • 140PV
    info_y.o info_y.o 1ヶ月前
  • 解決済

    回答
    1

    ons-navigatorの中でons-tabbarを使いたいが・・・

    前提・実現したいこと ここに質問したいことを詳細に書いてください (例)PHP(CakePHP)で●●なシステムを作っています。 ■■な機能を実装中に以下のエラーメッセージが発生しました。 発生している問題・エラーメッセージ onsenUI v2 の初心者です。 monacaにてOnsenUI V2 Tabbarを使用しコンテンツを作成中です。

    • 0評価
    • 53PV
    mariop mariop 2週間前
  • 受付中

    回答
    1

    ons-navigatorのpage指定について

    ons-navigatorにぶら下がるhtmlをpage属性で指定すると上手く動かないのですがこちらは仕様になりますでしょうか? 具体的には以下のようなコードになります。 今後、navigatorにぶら下がるhtmlは別ページでも使い回したいために別ファイルで実装できるかの検証中にこの問題にぶつかりました。 index.html(ListCtr

    • 0評価
    • 323PV
    yoppy0066 yoppy0066 2週間前
  • 解決済

    回答
    1

    ons-page内でのscrollイベントについて

    angularjs1.6 + onsenui2.1の環境で開発しています。 無限スクロールを実装するためにscrollイベントを取得したいのですが、ons-page内のscrollイベントが取得できません。こちらの取得方法がございましたら教えて頂けないでしょうか。また無限スクロールの実装でより良い実装方法がございましたら教えていただけないでしょうか。

    • 0評価
    • 337PV
    yoppy0066 yoppy0066 2週間前
  • 解決済

    回答
    2

    ons-lazy-repeatのセルの高さについて

    ドキュメントより、calculateItemHeightメソッドでセルごとに高さを指定できるかと存じます。 その際に高さをピクセル(数字)で返すかと思いますが、セルにセットするデータによって高さがかわる場合にどのような実装とするのが良いでしょうか? 例えばiOSではセルの高さを行ごとに計算して返すような実装になるかと思いますが、Onsen Uiで

    • 0評価
    • 336PV
    yoppy0066 yoppy0066 2週間前
  • 受付中

    回答
    0

    ngRouteで表示したページから遷移したページでAngularのコントローラに接続されない

    発生している問題・エラーメッセージ angular-onsenuiを使用しています。 iphoneで、ngRouteを使用してng-viewに表示したページからナビゲーションなどで表示したページで、指定したAngularのコントローラが動いていない感じがします。androidでは問題が起きません。また、以前は問題がなかったと思うのですが、onsenuiを

    • 0評価
    • 42PV
    nasu38yen nasu38yen 2週間前
  • 受付中

    回答
    0

    Onsenuiでmodifierを使う

    自PC上のCordovaでOnsenUIを使用しています。 modifier="chevron"を使っても、レイアウトに反映されません。 monacaのブラウザ開発環境の時にはできていたのですが・・・。よろしくお願いします

    • 0評価
    • 66PV
    atemu atemu 4週間前
  • 受付中

    回答
    1

    OnsenUIの使い方

    https://ja.onsen.io/v2/docs/guide/angular1/ 今、このサイトを参考に進めています。 npmでインストールしたのですが、ファイル構成がそもそもこのガイドと全く違うので、進め方が全く分かりません…。 例えばlib/onsen/js/angular/angular.jsといったファイルもありません。 どのよ

    • 0評価
    • 63PV
    atemu atemu 1ヶ月前
  • 解決済

    回答
    1

    Onsen UIのライブラリを追加するとVideoJSが動かなくなる

    環境・ライブラリなど package.jsonの依存関係 { "dependencies": { "basic-auth-connect": "1.0.0", "body-parser": "^1.15.2", "compression": "^1.6.2", "express": "^4.14.0",

    • 1評価
    • 182PV
    AndoSuguru AndoSuguru 1ヶ月前
  • 受付中

    回答
    1

    OnsenUI V2での複数コントローラの使用

    OnsenUI V1で複数コントローラを使用して画面ごとの処理を分けて処理を書いて動作していたのですが、OnsenUI V2に移行しようとしているのですが、最初のindex.html用のindexCtrl.jsは反応するのですが、そのほかの画面でng-controllerで指定したコントローラが全く反応しないのは仕様ですか?V1のコードから別途新規に追加しな

    • 0評価
    • 63PV
    wat wat 1ヶ月前
  • 受付中

    回答
    0

    ons-listをons-carouselで表示

    ons-listの各リストアイテムをフルページで表示させ、スライドで次のリストアイテムを表示させたいです。 ons-carouselを使用してみましたが、ons-listと併用するとうまく表示されません。 ons-listをons-carouselで表示させることはできないでしょうか? ons-itemを動的に表示させて、フルページ、横画面遷移

    • 0評価
    • 61PV
    bees bees 1ヶ月前
  • 解決済

    回答
    1

    [angular1.6 OnsenUI2] ng-includeで読み込んだhtml内のons-bo...

    angular1.6、OnsenUI2.0 で開発しています。 いずれも初挑戦のため、うまくいかない理由が検討つかないためご助言お願い致します。 フッター用のhtmlを別ファイルにして、ng-includeで読み込もうとしています。 ですが、そのフッター用htmlの中身をそのまま読み込み元に書いてある場合は 期待通りに、画面最下部にフッター表

    • 0評価
    • 361PV
    yukidaruman yukidaruman 1ヶ月前
  • 解決済

    回答
    1

    ons-tab javascriptが動かない

    Onsen UI の<ons-tab>を使ってページを読み込んでいます。 読み込みページの中で、一つのページに関しては、<ons-page>は使わず一つのページとして独立したものとなっています。 ( <!DOCTYPE html><html>~</html> ) そのページの中でJavascriptを読み込んでいるのですが、<ons-tab>を

    • 0評価
    • 66PV
    bees bees 1ヶ月前
  • 解決済

    回答
    1

    mBaaS カレンダーとして表示したい

    Nifty mobilebackendとAngularJsでスケジューラーを実装したいです。 カレンダー表示、スケジュール一覧はそれぞれ実装したのですが、 連動の仕方が分からず試行錯誤しております。 カレンダーの日付とスケジュールの日付を紐づけて、 スケジュールがある日はクリックでスケジュール画面に遷移、といった形で実装したいです。 実

    • 0評価
    • 380PV
    bees bees 1ヶ月前
  • 受付中

    回答
    1

    MonacaでJavaScriptが実行されない

    MonacaでFlickityを読み込みたい Monaca内のページにスライダーを取り入れたいのですが、スクリプトが実行されず写真が並んで表示されているだけの状態になってしまいます。 普通のHTMLでは実行されたので、Monacaにおける書き方(呼び出す位置?)が間違っていると思われます。。 該当のソースコード index.html <!D

    • 0評価
    • 172PV
    sansai sansai 1ヶ月前
  • 解決済

    回答
    1

    popPageで指定したoption.dataをpopされた画面で受け取りたい

    前提・実現したいこと OnsenUI2 + AngularJS + Monacaで開発を実施しています。 下記ドキュメントにありますように、popPageではoptions.dataの指定が可能となっています。 https://ja.onsen.io/v2/docs/angular1/ons-navigator.html インターネット上には

    • 0評価
    • 373PV
    akabee akabee 1ヶ月前
  • 解決済

    回答
    1

    ons-modalをindex.htmlで読み込んだ際にsetAnimationOptionsプロパ...

    monaca + OnsenUI + AngularJSで開発を実施しています。 ons-modalをindex.htmlで読み込むと、TypeError:Cannnot read property 'setAnimmationOptions' of undefined というエラーになります。 angular-onsenui.jsのClass.in

    • 0評価
    • 112PV
    akabee akabee 2ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    50

  • 総質問数

    86

  • 今週の質問数

    2

関連するタグ

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る