[onsen-ui] タグが付いた質問

携帯端末用アプリのフロントエンドをビルドする為の HTML5 フレームワーク。

218 件の質問
絞り込み
並べ替え
タグ付けされた
0
1 回答
728 閲覧数

monacaでAngularJSの使い方

現在、monacaでAngularJSを使用しております。 angulerJSを複数のページで使用してプログラムを起動したいのですが、うまくいかないことがあります。 例えば、Onsen UI Sliding Menuを使ってpage1.htmlにはアラートで1ページと表示させて、page2.htmlにはアラートで2ページと表示させようとするにはどうすればよろしいですか? ...
donadesu's user avatar
0
1 回答
1,651 閲覧数

onsenUIにて、スワイプとタブバーでのページ遷移を組み合わせたいです。

monacaIDE+genymotionで開発しています。 onsenUIのタブバーをベースに、ある特定タブでは、左右のスワイプでタブ切り替えとは別のページ遷移をさせたいと考えています。 <ons-gesture-detector>がうまく動かなかったため、jQueryを使って以下のようにスワイプを検出するコードを見つけ、タブバーと組み合わせようとしたのですが、...
未経験者's user avatar
0
1 回答
1,553 閲覧数

<ons-tabbar></ons-tabbar>を画面下部に固定させる方法

お世話になっております。 機能としては、 ・コンテンツをスクロール表示 ・画面下部にタブバーを配置し、「前のページ」「次のページ」等でコンテンツ内容を切り替える このようなアプリなのですが、 タブバーが固定されずコンテンツのスクロールに付いてきてしまいます。 解決法、対処法等ご教授願います。 ※該当箇所(ページ)のみの最小限のコードにしてあります。  タブバー部分のonClick関数には、  ...
ggj_tanaka's user avatar
1
0 回答
419 閲覧数

setDeviceTokenの記述場所(組み込み場所)について

現在、MonacaでNCMBと連携したアプリ(プッシュあり)を作っているのですが、 iOSへの初回インストール後の起動時(プッシュの許可アラートが出るとき)のみ、 objectIDが取得できずに困っています。 (2度目以降の起動時には正常に取得できます。) objectIDが取得できない直接の原因は、iOSが表示させている「プッシュの許可アラート」でほぼ間違いなさそう(※)なのですが 皆さま、...
ggj_tanaka's user avatar
0
1 回答
1,350 閲覧数

ログイン画面とタブバー付きのホーム画面を分けたい

現在、OnsenUIでTwitterクライアントの制作に挑戦しております。参考としてhttp://docs.monaca.mobi/cur/ja/sampleapp/samples/twitter/のサンプルを基に制作しておりました。サンプルにはindex.htmlのページにConnect to Twitterを設置していました。このConnect to ...
Nao Tera's user avatar
0
2 回答
1,556 閲覧数

onsen uiのons-list-itemタグのmodifierに関して

Monacaのonsen uiを使用しています。 ons-list-itemタグのmodifierの内容を動的に変更したいのですが、可能なのでしょうか? pageinitで、$('#ons-list-item').attr('modifier', 'chevron')をしても、console.log上は変更されていますが、画面は">"マークが出てこなく、クリックしても反応しません。 ...
ash's user avatar
  • 3
0
1 回答
261 閲覧数

Cordova/OnsenUI ListでGoogleグラフを表示したい

こんにちは Onsen-UIとGoogle Chartsを利用してリスト形式で複数のグラフを表示しようとしていますが、うまく表示されません。 リストの外に表示させたらうまく表示されたためリストの場合の書き方が悪いと思うのですが、原因やヒントをご存知の方いましたらご教授いただけないでしょうか。 注)...
raimtoon's user avatar
  • 175
0
1 回答
136 閲覧数

popPageした際に呼び出し元の画面で処理を行う方法

こんにちは Onsen-UIを使用して下記のようにページをプッシュしています。 myNavigator.pushPage("add.html", options); またプッシュされたページで以下のようにpopPageで画面を終了していますが、この時に呼び出し元の画面で処理を行うにはどうしたらいいですか? myNavigator.popPage(); ...
raimtoon's user avatar
  • 175
2
1 回答
2,038 閲覧数

cordovaプラグインのアプリ内課金の処理をAngularjsで行いたい

お世話になります。開発環境はMonacaクラウドでアプリを開発しています。無料版は広告あり、アプリ内課金によって広告を非表示にしたいと考えています。 そこでアプリ内課金の処理をcordova-plugin-inapppurchase によって実装しました。こちらは問題なく動きました。(※コメントアウトされている処理が当該部分です。) ただ、広告表示のフラグや価格表示などをAngularjsの$...
yuzu's user avatar
  • 89
0
1 回答
470 閲覧数

画面レイアウトが崩れる

こんにちは Cordova+Onsen UIでモバイルアプリを作成しています。 sqliteデータベースを読み込んでリスト形式で出力しようとしていますが、iOSエミュレータで実行すると図1のように画面レイアウトが崩れてしまいます。 図1 $scope.itemTableに固定のデータをセットすると綺麗に描画されるので ソースコードのどこかが間違っているのだと思いますが ...
raimtoon's user avatar
  • 175
0
1 回答
3,245 閲覧数

別CSSファイルのスタイルを読み込み、background-imageでローカル画像を指定の時だけ表示されない

MonacaのOnsenUIで作業をしています。そのときに、別のスタイルシートを読み込んでローカル(この場合Monacaクラウド上)のファイルを指定した時だけ背景画像が表示されませんでした。 今のプロジェクトの何かが影響しているのかと思い、新規でプロジェクトを作り試してみましたが同じでした。そこで以下のようなパターンで試してみたところ、やはり別CSSの読み込みで、...
106's user avatar
  • 1
0
1 回答
84 閲覧数

PullHookサンプルでの初期読込の追加方法

http://ja.onsen.io/guide/overview.html#UsingPullHook にありますサンプルで初期表示時に、pullhookせずに、スクリプトにて読込を実施するにはどうすれば良いでしょうか? 宜しくお願い致します。
じじまろ's user avatar
0
1 回答
687 閲覧数

onsen UIのradio buttonにおいてcssが効かない

monaca及びonsen uiを使用して開発をしておりますが、なぜかラジオボタンのcssがうまく機能しません。 ラジオボタンが円丸のもののままで、またlabelが機能しません。 以下がコードになりますが、修正点ご教示頂ければ幸いです。 初歩的な質問で恐縮ですが、宜しくお願い申し上げます。 <ons-template id="radio.html"> <ons-page id="...
orobianco's user avatar
1
1 回答
2,358 閲覧数

左スワイプ(ons-carousel)で削除ボタンを表示→クリックで該当アイテムを削除→次のアイテムが左スワイプされて表示される

お世話になります。開発環境Monacaです。Monaca公式ガイドブックサンプル「バーコードスキャナー アプリ(https://ja.monaca.io/book/zip/10-2.zip)」を編集しています。こちらのアプリの履歴画面に、左スワイプで各アイテムごとに削除する機能を実装しました。しかし試してみたところ、下記のような問題が発生しました。 <問題の詳細> A、B、...
yuzu's user avatar
  • 89
0
1 回答
924 閲覧数

pushPage先にあるons-switchを、動的に操作したい

MonacaでOnsen UIを用いて開発しています。 アプリ画面上部右端にあるアイコンをタップすると、 setting.html というページをpushPageするようにコーディングしています。 setting.htmlへ遷移した際に、setting.htmlにあるons-switchの初期状態を データベースから読み込んだ値にしたいのですが、 反映させるタイミング、方法がイマイチわからず ...
ggj_tanaka's user avatar
0
1 回答
1,094 閲覧数

ajaxで動的にons-col/ons-row生成した時、onsenUIのcssの変更がうまくいかない

Monaca/onsen UIを用いてアプリ開発をしております。 ajaxで動的にons-col/ons-rowをhtmlに追加し、その際、各ons-colにcss要素の追加もしておりますが、cssの適用がうまくいかずに立ち往生しております。 以下がコードになります。 html <ons-navigator page="top.html" var="app.navi"></...
orobianco's user avatar
0
1 回答
1,049 閲覧数

Onsen-UI の検索テキストコントロール(Search Input)に文字クリアボタンを実装したい

Onsen-UIの検索テキストコントロール(Search Input)内に文字をクリアするボタンをつけたいです。下記サイトを参考にしましたが、ボタンがコントロール外に表示されてしまいます。アドバイスを頂ければ幸いです。 参考ページ https://stackoverflow.com/questions/21708689/clear-text-input-on-click-with-...
yuzu's user avatar
  • 89
0
1 回答
257 閲覧数

OnsenUiの確認ダイアログ内の処理が即時反映されない

いつもお世話になっております。開発環境Monacaです。Monaca公式ガイドブックのサンプルアプリに、追加機能としてOnsenUiの確認ダイアログを実装したものの、その処理内容が画面に即時反映されません。 ●対象サンプルアプリ Monaca公式ガイドブック10-2「バーコードスキャナーアプリ」 https://ja.monaca.io/book/zip/10-2.zip ●追加した機能 ...
yuzu's user avatar
  • 89
-1
1 回答
428 閲覧数

スクロールバー表示の仕方について

OnsenUIとjQueryでハイブリッドアプリを作っておりますが、 検索リストのような画面でスクロールバーを表示したいのですが仕方が解りません。 ページの基本構造は以下の通りです。 <ons-navigator var="onsnav_search"> <ons-page ng-controller="ctrl_search.html"> <ons-...
user14318's user avatar
0
1 回答
1,663 閲覧数

ajaxで要素を動的に追加した際に、onsen UIのcssが効かない

アプリ開発初心者です。 monaca, onsen UIを使用して開発をしております。 具体的には、ajaxを使ってデータベースにアクセスし、値の取り出しに成功した場合は指定したタグに要素を追加して表示させるといったプログラムを組もうとしております。 値の取り出しに成功して表示するまではうまくいくのですが、動的にタグに要素を追加した場合、onsen UIで設定してあるcssがうまく効かず、...
orobianco's user avatar
0
1 回答
1,863 閲覧数

ons-toolbarのカスタマイズ方法について

ons-toolbarは以下構造が基本だと思いますが、 <ons-toolbar><div class="left">...</div><div class="center">...</div><div class="right">...</div></ons-toolbar> ...
user14318's user avatar
1
1 回答
9,775 閲覧数

iosにてtextareaにフォーカスが入るとキーボードによってヘッダーが上にずれて見えなくなる

初心者です。お世話になります。開発環境Monacaです。AngularJsの勉強を兼ねてOnsenUiコンポーネントを用いつつ、入力した文字数がヘッダーに表示される簡単なメモ帳を作成しました(入力画面のみ)。 しかしiphone(ios9.2)で確認したところ、textareaにフォーカスが入ると、表示されたキーボードによってヘッダー部分が上方にずれてしまいます。 ...
yuzu's user avatar
  • 89
0
1 回答
526 閲覧数

jQueryからOnsenUIの画面遷移を実行出来ますか?

初めて質問させて頂きます。何卒よろしくお願い致します。 質問内容はOnsenUIとjQueryをつかったハイブリッドアプリ実装に関する事で、jQuery側で動的に作成したli要素のOnでクリックイベントをハンドルした際に、OnsenUI側のons.navigatorに対してpushPageを発動させる為にはどのようにすれば宜しいでしょうか? ...
OnsenUI初心者's user avatar
1
1 回答
1,141 閲覧数

Onsen UI におけるラジオボタンの仕様について

Onsen UI におけるラジオボタンの仕様について Monaca 上で Onsen UI を使ってアプリを制作しています。 Onsen UI のラジオボタンを使用しているのですが、項目の文面が長いとチェック欄の部分まで折り返しが発生してしまいます。 見た目が美しくないのでチェック欄に掛からないようにインテンド(?)を掛けたいのですが、それは可能でしょうか? 「仕様なのでできない」...
大島剛's user avatar
0
0 回答
306 閲覧数

AngularJS+OnsenUIで動的に多階層リストを生成したい

お世話になります。 Accordion list with OnsenUI を参考に、静的な多階層リストの生成はできました。 今回、動的な多階層リストの生成をしたく、質問させていただきます。 生成したいリストとして以下の機能を持たせたいです。 Ajaxを使用して取得したリストを表示 A1 B1 C1 D1 リストのうち1つをタップするとAjaxを使用し、...
user avatar
0
1 回答
746 閲覧数

AngularJSでデータ入力して、別のページにTodoリストのようにリスト追加する機能を作りたい

サンプルのOnsen UI TabbarにPage1.htmlは入力フォーム、Page2.htmlは入力した結果を出力する形式になっております。AngularJSでPage1上でテキスト入力させ、Page2にPage1で書いたテキストを表示させることはできましたが、Page1でテキスト入力し送信ボタンを押して、Page2にonsenUIのons-lazy-...
Nao Tera's user avatar
1
0 回答
379 閲覧数

Onsen UI 2.0 + Reactでのons-navigatorについて

Onsen UI 2.0をReactで使おうとしています。 Onsen UIのons-navigatorを利用した画面遷移を実装したいのですが、実装方法がわかりません。 リファレンスでは、ons-navigatorのvar属性を利用してnavigatorを参照できるようにしていますが、var属性はAngularのみ対応しているようです。 Reactではどのよに実装すればいいでしょうか? ...
c8112002's user avatar
  • 176
2
1 回答
1,725 閲覧数

Onsen UI のラジオボタンで初期設定をしてもチェックマークが表示されない

ons-listでRadiobutton Listを実現したく、以下のコードを実装しております。 これでコマンド $ cordova emulate ios を実行しシミュレータを表示したところ、メニューの右側(先頭のみ)にチェックマークが表示されません。 「ng-repeat」で各値を取得できているのは確認できたのですが、HTMLに生成し表示する際にうまくいってないようです。 ...
Akinobu Yamamoto's user avatar
-1
1 回答
456 閲覧数

メモ帳のサンプルにOnsenUIでタブを追加したい

お世話になります。 メモ帳のサンプルに、タブのサンプル機能を追加したいと思っております。 <ons-tabbar> <ons-tab icon="home" label="Home" page="StopWatch.html" active="true"></ons-tab> <ons-tab icon="comment" label="...
かものはし's user avatar
0
1 回答
716 閲覧数

Radiobutton Listでラジオボタンをリストの右側に表示する方法

Onsen UIのパターンにRadiobutton Listがありますが、チェックの表示位置を iOSのUIに準拠し、右側に表示させたいのです。 その方法をご存知でしたら、ご教授のほどお願いいたします。
Akinobu Yamamoto's user avatar
1
1 回答
1,368 閲覧数

java scriptの動きが反映されません

htmlは苦手で,特にjava scriptの呼び出し方などわかっていない者です。 index.htmlで, <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta http-equiv="Content-Security-Policy" content="...
user's user avatar
  • 11
0
1 回答
435 閲覧数

onsen ui のtabbarとMaster-Detailを併用したい

初心者ですみません。 monacaのOnsen UI Master-Detailのテンプレート(index.html)で、 同じくテンプレートのOnsen UI tabbarのソースをコピーし、 (ons-tabbar var="tabbar"~)貼り付けたら、 list.htmlからdetailページに動作しなくなってしまいました。 どのようにすれば、動作するようになるのでしょうか。 ...
slowlifepapa's user avatar
1
1 回答
1,117 閲覧数

OnsenUI+GoogleMaps ons-page内で表示されない tabbarで表示したい

tabbarを使った1つのページに GoogleMapsを表示させたいのですが、うまく表示させることができません。試行錯誤の結果"ons-page"タグ内で表示できないことがわかりました。 GoogleMapsApiの使用にはプラグインを使っています。 https://github.com/mapsplugin/cordova-plugin-googlemaps どうかお知恵をお貸しください。 ...
Yamashita's user avatar
0
1 回答
366 閲覧数

ons-carousel-itemをng-repeatで作成した場合にinitial-indexが効かない

ons-carouselのons-carousel-itemをng-repeatを使って作成しているのですが、 initial-indexがどうも効いていないようで、1つ目のアイテムが表示されてしまいます。 どうすればinitial-indexが反映されるようになるのでしょうか? コードは以下のような感じです。 前のページからファイルの情報や絞り込みのフィルタ等を含んだdataを渡しています。 ...
MxxxxxFxxxxx's user avatar
4
0 回答
321 閲覧数

Monaca+Angular+OnsenUIで、input が type="password"のとき、jQueryで値が正しく取得できない

Angular+OnsenUIで、input が type="password"のとき、以下のいずれの方法でも最後の文字が、パスワードの隠し文字に化けます。 jQuery("#passwordInput").val() jQuery("#passwordInput").prop('value') 具体的なHTML <input type="password" id="...
Hitomi's user avatar
  • 41
3
2 回答
485 閲覧数

ons-navigatorにて同一のページを複数表示した場合の、getElementByIdに代わるエレメント検索手段

Monacaにて、iPhone向けアプリ開発の勉強をしています。 ons-navigatorにて子画面として表示されたページ内に、以下のようなエレメントがあります。 <input type="search" id="id1"> このタグのvalueを取得し、pushPage("self.html",options)の第2パラメータとして与えたいと考えています。 問題点 通常ならば、...
Atsuhiro Kitagawa's user avatar
0
0 回答
259 閲覧数

iPad(ios9.2)におけるons-pull-hookの挙動

Monacaで作成したアプリで挙動がおかしくなりました。 iPad(ios9.1)の頃は滑らかに動いていたアプリが、ios9.2にアップデートしたあたりでons-pull-hookを使用しているリストのスクロールがガクガクするようになりました。 Onsen UIのバージョンは1.3.0です。 ・上下のスワイプでリストをスクロールさせ、スクロール中に再度上下のスワイプを行うと、...
八木沼善木's user avatar
1
0 回答
170 閲覧数

onsen uiからjsonファイルをread/writeするリソースを探しています。

Jsonファイルをread/writeするクラスから インスタンスしたオブジェクトを生成し、このオブジェクトに readメソッドやwriteメソッドでファイルハンドリングすることを 想定しています。 オススメのものがありましたら、ご教授のほどお願い致します。
Akinobu Yamamoto's user avatar
0
1 回答
9,259 閲覧数

divタグに"background-image"を設定しても画像表示しません。

TabBarベースのテンプレートをもとにUIを実装しています。 ons-pageタグ内にdivタグを設定し、その1つに「background-image」をCSSファイルに 設定したのですが、画像表示しません。 .main-body { background-image: url('../img/main.png'); height: 80%; } <ons-...
Akinobu Yamamoto's user avatar
1
0 回答
353 閲覧数

onsenuiのtheme切り替えがうまくいかない

お世話になります。 monacaクラウドでonsenuiのcssを変更すると画面が真っ白になってしまいました。 回復手段・確認すべき場所はどのようなものがありますか? 行った手順 Monacaクラウドでプロジェクトを開く 「ファイル」-「JS/CSSコンポーネントの追加と削除」を選択 OnsenUI(Monaca Version)Ver=1.3.11の設定ボタンをクリック 「blue-...
Shinji Horie's user avatar
0
1 回答
508 閲覧数

angularjsのpromise処理を使用時、onsen ui のmodalが表示されない

angularjsのpromise処理を使用時に、onsen ui のmodalが表示されずに悩んでいます。 Controllerでサービスの終了を待つ間、onsen uiのmodalを表示させたいのですが、うまくいきません。修正点がありましたら、ご教授いただければと思います。 コードは以下の通りです。10秒かかるサービスをまって、文字列を表示するサンプルです。 index.html <...
JuJun Ju's user avatar
2
2 回答
1,037 閲覧数

navigator.resetToPage()の際にnavigator.getPages()が正しい値を返さない

onsen-uiのnavigatorを利用しています。ページスタックがある場合のみ「戻る」ボタンを表示するようにしたいのですが、navigator.resetToPage()から発生するprepush, postpushイベント内ではnavigator.getPages()が正しい値を返さないようです。 navigator.on("prepush", function(e) { var ...
tosin's user avatar
  • 121
0
1 回答
568 閲覧数

OnsenUI上のHTML下のセグメントで別のHTMLを表示させる領域を確保するには

OnsenUIのCSSドキュメントにセグメントの項目がありますがセグメントの項目をタップすることでセグメントより下部分に対応したページを表示させたいと思っています。わからないことはセグメントによるページ遷移とセグメントを配置しているページ領域に別のhtmlを読み込ませる方法です。わからないのでどなたかご教授をお願いします。
Nao Tera's user avatar
0
1 回答
248 閲覧数

onsenuiがユニットテストでエラーが発生する

onsenuiを使用したハイブリットアプリを作成しています。 Karmaとjasminを使用してユニットテストをしたいのですが、 テスト実行時に下記のエラーが発生します。 Error: isWebView() method is available after dom contents loaded. onsenuiはangularJSでDIしています。 var appModule = ...
のぐそん's user avatar
1
1 回答
2,183 閲覧数

onsen ui で背景画像を設定したい

Onsen UI を利用すると、style.css に body 設定で background を指定しても反映されません。 背景画像を設定したいのですが、どこかに良いサンプルはないでしょうか?
ゲストとして投稿's user avatar
0
1 回答
717 閲覧数

onsen-uiでページ遷移のアニメーション前に要素のテキストを書き換える

onsen-uiでページ遷移のアニメーション前に要素のテキストを書き換えるにはどうしたらいいですか? 下記のコードだとpushPage後、アニメーションが終了してからpタグ内のテキストが書き換わります。 先に書き換えてからアニメーションでページ遷移させたいです。 navigatorのpostpushイベントを拾っても同じでした。 js ons.bootstrap(); function ...
tyan rome's user avatar
0
2 回答
1,242 閲覧数

Onsen UI タブからタブへの移動はできるのでしょうか?

表題の通りです。出来るのかできないのかもわかりません。 よろしくお願いします。 <ons-tabbar> <ons-tab page="home.html" active="true"> <ons-icon icon="ion-home"></ons-icon> <span style="font-size: 14px"&...
ナッツ's user avatar
0
1 回答
111 閲覧数

スライディングメニューのテンプレートを使っているのですがleft側のForm1.htmlへ画面が飛びません。どうすれば切り替わるようになるでしょうか?

<ons-page> <ons-page style="background-color: #FFF0F5"> <ons-toolbar> <div class="right"> <ons-toolbar-button ng-click="app.slidingMenu.toggleMenu()"> <...
おじゃ's user avatar
0
1 回答
740 閲覧数

OnsenUIのons-navigatorを使いpushPageで続けて次のページにパラメータを渡したい場合にどうするか

お世話になります。 OnsenUIのons-navigatorを使いpushPageで次のページにパラメータを渡したい場合、 onsenui ons-navigator内のpushPageでパラメータを渡したい こちらの記事を参考にパラメータを引き渡す事はできたのですが、続けて更にその次のページに引き渡す方法がわからないので教えて下さい。 var module = ons.bootstrap(...
nori's user avatar
  • 3
1
0 回答
467 閲覧数

Visual Studio 2015でAndroid署名付きリリースビルドをするには?

Windows7でVisual Studio Community 2015を使って開発しています。 Onsen-UIを利用したハイブリッドアプリです。 Androidのデバッグビルドと署名なしのリリースビルドはできましたが、 署名ありのリリースビルドの方法がわかりません。 別のツールを使わず、可能ならVisual Studioだけで行いたいです。 Android の署名を構成するには、...
mmm's user avatar
  • 11