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

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

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

OnsenUI + Android4.0-4.3でpushPage後の元ページが先頭へ移動する

Android4.0 ~ 4.3でons-pageをスクロールさせた後、pushPageで新しいページを追加すると、追加元ページのスクロールポジションが初期化されます(0になる)。 エミューレータと実機の両方でこの現象が発生 Android4.4以上やiOSでは、この現象が発生しない Android4.3においてはgulp ...
user avatar
2
1 回答
773 閲覧数

angular-resourceを使うとonsenuiが動かない

Onsen UI 最小限のテンプレートに下記URLを参考にした検索を組み込みたいのですが 競合してしまっているのかonsenui、検索システムどちらかしか動きません。 http://www.walbrix.com/jp/blog/2014-01-angularjs-resource.html <html lang="ja" ng-app="MyApp"> <head&...
wai8410's user avatar
  • 61
1
0 回答
203 閲覧数

ons.notification.alert表示中にAndroid端末のbackボタン

よろしくお願い致します。 onsen-ui、AnglarJS、cordovaを利用してAndroidアプリを開発しています。 Android端末の backボタンの取扱いについて苦慮しています。 メインとなるページ(ons-pageで定義)に関しては、ng-device-backbutton属性を 指定することで、アプリ終了の確認メッセージを表示できているのですが、 ons....
hi-nomal's user avatar
0
1 回答
2,596 閲覧数

ons-navigatorを使用してページ制御をしている際のons-sliding-menuの挙動について

初めまして、よろしくお願い致します。 ons-navigatorを使用してページ制御しています。 htmlページを分けないで、ons-templateを使用して、 ons-sliding-menuでスライドメニュー表示をさせています。 その際、スライドメニュー中から、 リンクをクリックすると、別のページに遷移させており、 (コードだと、a.htmlに遷移する) ...
Generalist's user avatar
2
1 回答
523 閲覧数

onsen-ui で angular-translate を利用したい

お世話になります。 Cordova + onsen-ui + angular-js でアプリケーションを開発しています。 国際化対応のため、こちらのサイト(http://qiita.com/ukiuni@github/items/1d1b47e274ac204709c9) を参考に angular-translate を入れ込んだところ、以下のエラーメッセージが表示されてしまいます。 ...
Suzukin's user avatar
  • 21
0
1 回答
2,214 閲覧数

【onsenui】遷移先でmodalを開いた状態で表示&modalをfadeアニメーションで閉じたい。

お世話になります。 現在monacaを使用してアプリケーションの開発を行っています。 一覧ページから詳細ページに移行した際に、詳細ページをmodalが開いた状態で表示したいのですがなにか方法はありますでしょうか? 自分が書いたコードですと、詳細ページが表示されてからmodalが開きます。 prefNavigator.pushPage('prefResult.html', { animation:...
ao006's user avatar
  • 3
1
0 回答
171 閲覧数

<ons-navigator>と<ons-template>を指定したアラートダイアログ

ons-navigatorタグとons-templateタグを指定するとアラートダイアログが利用できません。 http://codepen.io/anon/pen/mJxEWN ons.bootstrap() .controller('NotificationController', function($scope) { $scope.alert = ...
tackflow's user avatar
5
2 回答
1,164 閲覧数

monacaでAngularjsとOnsenUIを使ってリストを表示したい

ネットで見かけたサンプルを使わせていただいてアプリを開発していますが、どうにも上手く表示させれないので質問させて頂きます。 どうも画面のほうが先に描画されている気がします。 アプリ起動時は何も表示できなくてpreタグで表示している配列も空なのですが。 タブバーのtestボタンをタップすると表示されます。 list.htmlはなぜかコピペできなかったので手書き、...
たまねぎ's user avatar
1
1 回答
146 閲覧数

スライディングメニューのjQueryでの実装

パターン http://ja.onsen.io/patterns.html の中で、Sliding Menuをangularではなく、jQueryで実装することはできますか。そのサンプルはどこかに示されていますか。
user3855169's user avatar
0
1 回答
361 閲覧数

monacaのonsenui のrangeタグの連動

angularjs と onsenui のrangeタグを使ってコントローラと連動させようとしていますが、抜粋しますと、html側で <input type="range" class="range" max=100 ng-model="playtime" ng-change="rangeChange()"> と書いて、コントローラ側で $scope.rangeChange = ...
nagnag's user avatar
  • 1
1
0 回答
246 閲覧数

ons-gesture-detectorで捕捉したイベントの発生元DOMを取得したい

monaca+onsen-ui初心者です。 ons-gesture-detectorであるページでのタップ操作のイベントを補足して、そのイベント発生元ページのDOMをJavescriptで操作したいのですが、DOMを取得するにはどうすればよいのでしょうか? イベントハンドラ内でdocumentやイベントオブジェクトをダンプしてみたのですが、 対象のDOMが見つかりませんでした。 ...
snfkn's user avatar
  • 11
1
1 回答
793 閲覧数

フレームアニメーションをOnsen UIで実装したいです

スプライトシートを使ってOnsen UIでフレームアニメーションを実装したいです。 環境はmonacaで「Onsen UI最小限テンプレート」を使用しています。 下記URLより「フレームアニメーション」ファイルを見て、index.htmlで実装できることは確認済です。 https://ja.monaca.io/book/support/ Onsen UIを使用した時、page1....
lootre's user avatar
  • 95
3
1 回答
540 閲覧数

ons-pageを二重に配置したページからpushPageを行うと新しいページが2回追加されてしまう

pushPageで呼び出されたhtml内に<ons-page>を二重に配置しています。 <ons-page modifier="p2"> <img src="img/top.png" /> <ons-page modifier="p2_c1"> <img src="img/image.png" /> </ons-page&...
D.A.kashi's user avatar
2
1 回答
802 閲覧数

pushPage終了時のちらつきが気になる。

Cordova & OnsenUI で AngularJSベースに開発しています。 OnsenUIのpushPageメソッドにて画面遷移をした場合に、iOS端末(iPhone6,iOS8)にて、ちらつきが発生してしまいます。 対策として、プレフィックス付きで、 backface-visibility: hidden; を設定してみましたがちらつきが抑えられていません。 また、...
Nao's user avatar
  • 21
1
0 回答
107 閲覧数

ons-bottunをふたつ配置すると片方のボタンがクリックすらできない

なぜこんなことが起こるのか全くわかりませんが、 表題のようにボタンがテキスト扱いのようになりクリックすらできなくなります。 <ons-button modifier="large" class="login-button" ng-click="myNavi.pushPage('test.html', {animation: 'slide', user: user});">もっとみる&...
komatsu's user avatar
  • 21
0
1 回答
396 閲覧数

monacaデバッガーのようなボタンは

monacaデバッガーにあるような、丸いボタン(タップするとにゅっと複数のボタンが出る)は自作アプリでも利用可能でしょうか。これを実装するのに参考になるようなサイト等ありませんでしょうか。
oxygen8's user avatar
  • 336
1
0 回答
192 閲覧数

onsenUIをbrowserifyでrequireするには?

onsenUIをbrowserifyで使うには、どのようにrequireすればよいのでしょうか? ons = require 'onsenui' 上の記述だけでは、consoleに Uncaught TypeError: Cannot read property 'documentElement' of undefined というエラーが出ます。 onsenはbowerで入れました。 ...
taxi's user avatar
  • 11
-1
1 回答
1,133 閲覧数

onsenでボタンを押したら外部リンクに飛ぶようにしたいのですが [クローズ済み]

onClickに定義すればよいのでしょうか?
ほのか's user avatar
3
0 回答
264 閲覧数

monacaでons-toolbarが画面外に消えてしまう。

iosで発生する問題となります。 monaca(onsenui)でテキストエリアなどにフォーカスした場合にキーボードが起動しますが、 キーボードが起動した状態で画面をスクロールするとons-toolbarが画面外に移動してしまいます。 こちら回避方法あるでしょうか。
のぐそん's user avatar
2
3 回答
4,306 閲覧数

スマホアプリでPDFを表示させたい

Monacaでスマホのアプリを作っています。 ある会場図をPDFで表示させたいのですが、どのようにさせたらよいでしょうか? 試しに下記にしてみたら、Couldn't load plug-in が表示されました。 <ons-page> <object data="img/map.pdf" id="info_map" type=&...
user9675's user avatar
3
0 回答
560 閲覧数

ons-lazy-repeat アイテムの高さを自動にできないのでしょうか?

表示するデータ量がアイテムごとに違う場合、アイテムの高さを自動にできないでしょうか? ons.bootstrap(); var dataList = new Array(); $.getJSON("test.json", function(data){ dataList = data; }); app.controller('MyCtrl', ['$scope', ...
user9675's user avatar
3
1 回答
634 閲覧数

Monaca Onsen UI でタブバーを2段表示したい

Monaca Onsen UIでタブバーを2段にして表示することは可能でしょうか
user9656's user avatar
1
1 回答
568 閲覧数

カルーセルUIコンポーネントで画像の幅に合わせて自動的に高さを調整したい

Onsen UIのカルーセル(ons-carousel)で 画像の幅に合わせて高さを自動で出すことはできないのでしょうか? 高さを指定しないと表示がされないのですが 表示に合わせて伸び縮みしてほしいのですが何か書き方があるのでしょうか?
tsucasa's user avatar
  • 11
1
3 回答
2,834 閲覧数

Onsen UI ons-tabbarのhide-tabsの切り替え方法

Onsen UIを使用してアプリの作成しています。 トップページはタブバーを表示させないで、それ以外のページにタブバーを表示させたいと思っています。 トップページはhide-tabsを使用してタブバーを非表示にしたのですが、非表示にしたタブバーを表示するにはどうしたらよいでしょうか? 非表示 宜しくお願いします。
user9675's user avatar
1
0 回答
601 閲覧数

ons-back-buttonのカスタマイズについて

ons-back-buttonをons-buttonに使用しているCSSと同様のカスタマイズを行いたいと思いますが、 modifierによる方法が使えないためどのように行えばいいか、教えていただけますでしょうか?
user9587's user avatar
0
1 回答
2,068 閲覧数

Monaca Onsen UI ダイアログ表示後、戻るボタンを押下すると、"Capturing backbutton-handler is failure."となる

Monaca Onsen UIにおいて、ons-dialogを使用してダイアログを表示し、Android版Monacaデバッガーの戻るボタンを押下すると、ログに"Capturing backbutton-handler is failure."と記録され、ダイアログが閉じません。 ちなみに、ons-navigatorをコメントアウトすると正常にダイアログが閉じるようですが、page1-...
otak-lab's user avatar
  • 1,448
3
1 回答
140 閲覧数

Rangeのvertical配列は可能でしょうか。

現在、MonacaにてHTML5アプリを作ろうとしております。 CSS ComponetsのRangeについてなのですが、 http://ja.onsen.io/reference/css.html#range スライダーをhorizontalだけでなく、verticalに配置することは可能なのでしょうか。 検索しても、Monacaの教則本を読んでも出てこなかったのでここで質問いたしました。 ...
Takuya NAKAMURA's user avatar
1
1 回答
1,427 閲覧数

アプリ終了時の制御について

cordovaとonsenUIを使ってをangularJSベースでスマホアプリを開発しています。 今回よくあるandroidアプリのように、androidの場合はバックボタンを一回押すと、ダイアログがでてそのダイアログが出ている間に、もう一度バックボタンを押すとアプリが終了するようなものを作りたいと思っています。 以下のようにonsenUIのドキュメント通りに、...
worker's user avatar
  • 43
2
1 回答
6,163 閲覧数

複数のhtmlファイルとons-templateを併用するとうまく動かない

monacaクラウドでOnsenUI/AngularJSを使いアプリ制作の勉強中です。 複数の画面があるアプリで、基本的にはhtmlは1ファイルにまとめたいのですが リリースに含まれるページとデバッグ目的ページなどは分離したいので 2つのhtmlファイルに分けたところ、変な動きをします。 case A 最初はdebug.htmlが正しく表示されず、またpageA、pageC(奇数目のページ)...
TRNK's user avatar
  • 127
1
1 回答
4,532 閲覧数

monaca Onsen UIでangular.moduleをするとエラーが起こる

monacaでOnsen UI Tabberを使用しています。 JsonでHTMLタグ入りの変数を$scopeし、ng-bind-htmlで表示しようとしていますが ngSanitizeを読み込むために var app=angular.module('app', ['ngSanitize']);//(1) をすると Error: [ng:areq] Argument '...
Hiroyuki Saiki's user avatar
3
2 回答
1,485 閲覧数

ons-popover利用時のJavaScriptの変数の値について

monacaを使って開発してます。 その際、slidemenuを使う関係上、index.htmlにslidemenuを書き込み、navigatorをhomeに指定しました。 toolbarの左側にslidemenuを、右側にpopoverで通知を出したいと思い記述しましたが、上手く反応しません。タップしてもpopoverがなされません。 --home.html <ons-...
user avatar
1
1 回答
1,882 閲覧数

Onsen UI Guide の「ダイアログを使う」のダイアログに選択系のコントロールを使用するには

例えばSwitchのコード <label class="switch"> <input type="checkbox" class="switch__input"> <div class="switch__toggle"></div> </label> を(ダイアログではなく)普通に<ons-page></...
user avatar
1
1 回答
818 閲覧数

onsen-uiを使ってのおえーじ更新について

onsen-uiのテンプレート(page2.html)のコードの下に を加えたのですがボタンを押すとそれまでに記載されていた違うボタンなどが崩れてしまいます なぜでしょうか? <ons-toolbar> <div class="left"> <ons-toolbar-button ng-click="app.slidingMenu....
kasi-wagi's user avatar
1
1 回答
431 閲覧数

monacaのtextareaの大きさを変える

monacaの勉強を、参考プログラムのメモ帳を改造するところからはじめてます。 最初の状態だと、メモを書き込むtextareaがすごく狭いのですが、大きくする方法がわかりません。 CSSでは無理なのでしょうか? わかる方いらっしゃいましたらよろしくお願いします。
くにあつ's user avatar
1
3 回答
6,653 閲覧数

ONSEN UIのpopPage()で戻った場合に遷移前のデータを反映させたい

Monaca ONSEN UI 1.2.2 AngularJS 1.3 タイトルだけだとわかりにくいと思いますが下記のような動作を想定しています。 ・ページA(起点ページ)pageAController フォームパーツなどがあり、ユーザーがデータを入力するページ。 検索ボタンを押すとページBへ進む。 ・ページB(ページAからしかこない)pageBController ページAから遷移され、...
Hiroyuki Ishiyama's user avatar
5
1 回答
1,484 閲覧数

ons-lazy-repeatで表示したons-listをons-pull-hookで更新したい。

表題の通り、ons-lazy-repeatで表示したons-listをons-pull-hookで更新したく 下記公式ドキュメントのサンプルコードを動かし、いろいろ試したのですが ドキュメントに記載されている情報のみでは対応が難しい状況です。どのように実装すればよいのでしょうか。 http://ja.onsen.io/reference/ons-lazy-repeat.html
user9176's user avatar
1
1 回答
3,278 閲覧数

Onsen UI Guide に載っている「アラートダイアログ」をボタンを押した時に表示したい

Monacaを使用して開発している者です。 以下に設置した「送信」ボタンをタップしたら「アラートダイアログ」を表示させるにはどのようにすればよろしいのでしょうか? <section style="padding: 0 8px 8px"> <ons-button modifier="large" onclick="confirm()" >送信</ons-...
AIA's user avatar
  • 21
1
1 回答
901 閲覧数

CSSとJSがHTMLに読み込まれないためちゃんとしたUIが動かない

以下のonsenuiで書いたloginページですが、CSSとJSを読み込みません。 どうしたら良いかと悩んでいます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=...
user avatar
1
1 回答
583 閲覧数

「Onsen UI最小限のテンプレート」で「Onsen UI Guide」にある「アラートダイアログを使う」を行うには

「Onsen UI最小限のテンプレート」で「Onsen UI Guide」にある「アラートダイアログを使う」を行いたいのですが、「アラートダイアログを使う」のHTMLとJSのソースコードをどのように「Onsen UI最小限のテンプレート」に適用すればアラートダイアログを出力できるのでしょうか。 index.htmlの <script> ons.bootstrap(); </...
user9140's user avatar
0
1 回答
1,538 閲覧数

Onsen-uiでtabbarとslidemenuを共存させる方法

以下のとおりSampleベースで書いたのですが、tabbarとslidemenuが競合しているのかどっちかしか動きません。両方成立させるためにはどうするべきでしょうか?ちなみにしたのコードだとtabbarしか動きません。 <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="utf-8"...
user avatar
2
1 回答
1,626 閲覧数

ons-lazy-repeatがうまく動きません。

現在、angularJSとonsenUIを用いて、開発中です。 onsenUIのons-lazy-repeatを使ってみたのですが、上手く動きません。 maincontrollerに適当なメソッドを追加してよぶことはできているので、コントローラーとの接続ミスではないと思うのですが、色々いじっても動かず途方にくれています。 どこが問題なのか指摘していただけるとありがたいです。 index....
hukurou's user avatar
  • 21
0
1 回答
1,026 閲覧数

Onsen UI Tabbarサンプルコードが動作しない

MonacaクラウドでOnsenUIを使いnavigatorとtabbarを使ったアプリを作りたいと思っていますが、 この二つを共存させる方法がわかりません。 サンプルコードのOnsen UI Tabbarには両方が書かれているので これを参考に勉強したいのですが、 プレビュー及びiPhoneのMonacaデバッガーで動かしてみたところ、page1.htmlのボタンを押下してもnew_page....
TRNK's user avatar
  • 127
1
0 回答
376 閲覧数

Onsen UI tabberのホームに動的にリンクを読み込み、イベントを生成したい

初めて質問をさせていただきます。 バックエンドから読み込んだデータをpage1のulに、リンクを持ったリストとして追加します。 その後、リンクをクリックするとブラウザを起動するアプリを作成しようとしています。 しかし、リンクをクリックしてもイベントが発生しません。 index.htmlだけのファイルで作成した際は、クリックしてブラウザが起動したのですが、Onsen UI の ...
monaca勉強中's user avatar
1
1 回答
618 閲覧数

OnsenUI:スプリットビューとナビゲーターの併用時のアニメーションについて

Onsen UIとPhoneGapを利用してアプリを作成しています。(Monaca不使用) トップページをons-split-view、 スプリットビューのメインページとして呼ばれるページにons-navigatorを配置しています。 (やりたいこととしては、iPadの「設定」のような、左側のメニューは固定・右側のページはアニメで遷移するようなデザインです) ...
sakura's user avatar
  • 91
1
1 回答
101 閲覧数

monacaのコンタクトプラグインを利用してコンタクト一覧を表示したい

anguler+monacaのコンタクトプラグインを利用してコンタクト一覧を表示したいと考えています。 app.controller('MainController', function($scope) {     document.addEventListener("deviceready", function(){  var options = ...
naga's user avatar
  • 21
2
1 回答
1,107 閲覧数

OnsenUIでツールバーやタブバーを固定するには

ツールバーやタブバーを利用した場合、ブラウザによっては上下にスクロールできてしまいます。 HTMLやCSSの記述を工夫することで、位置を完全に固定する方法はあるでしょうか。 OnsenUIの例(iPhoneのSafariで表示すると画面全体がスクロール対象となる) http://s.codepen.io/onsen/fullembedgrid/pGuDL SenchTouchの例(...
ウォレス's user avatar
-1
1 回答
521 閲覧数

MONACAでアプリ内の内部リンクに関しまして

現在、WordPressで作ったサイトのアプリ化を行っています。 トップページからsingle.htmlにURLパラメータを渡してそのパラメータに対応するJSONを引っ張ってきて記事タイトルや記事文を表示させているのですが、その際、記事内に内部リンクがあった場合リンクを押すとブラウザが立ち上がってしまうのをやめてJSONで引っ張ってきたデータをアプリ内で表示したいです。 ...
espoolflow's user avatar
1
1 回答
3,291 閲覧数

OnsenUIのNavigatorのpushpageについて

いつもお世話になっております。 OnsenUIを最新のv1.2.2にしたところ以下のようなコードのpushPageが動作しなくなってしまいました。 『 TypeError: Cannot read property 'pushPage' of undefined 』 というエラーが出てします。(ちなみにv1.2.1では動いておりました。) pushPageのところを 『 $scope.app....
user8759's user avatar
1
0 回答
469 閲覧数

Onsen UIでページナビゲーションの中で複数のポップオーバーを使う

Moncaca + OnsenUI(Cordova4.1)環境において、ページナビゲーション(<ons-navigator>)下で複数のポップオーバー(<ons-popover>)を使用したいと考えております。 ポップオーバー1つだけなら、可能なのですが、2つポップオーバーを定義するとエラーが出てしまいます。 また、ページナビゲーションを使用しない場合は、...
HIDEKIT5095's user avatar
2
1 回答
2,485 閲覧数

tabbarとカルーセルを組み合わせてメニューを組みたい

今サンプルのプログラムを使っていろいろ試しているところなのですが、 tabbarとカルーセルを組み合わせてメニューを作りたいのです。 イメージ的には最新のlineやカカオみたいな感じなのですが、 可能なのでしょうか? いろいろ調べているのですが、なかなか見つからなくて・・・・ お手数をおかけしますがよろしくお願いします。
user8710's user avatar