[onsen-ui] タグが付いた質問
219
質問
1
票
2
回答
2,847
閲覧数
MonacaにてOnsenUI内でJSの起動方法
Monacaを最近使い始めたものです。15年ぶりのプログラムなので隔世の感があります。
さて、Monacaで提供されているRSSフィードサンプルをベースにSmartNewsっぽいものをつくるべくコーディングを試行錯誤しているのですが、知識が足りず、OnsenUI内にてJSを呼ぶことが出来ておりません。
・起動時の画面描画までは成功
・...
1
票
1
回答
1,434
閲覧数
ons-carouselでループさせるための方法
onsenui
<ons-carousel initial-index="2" swipeable overscrollable auto-scroll fullscreen var="carousel">
<ons-carousel-item style="background-color: #F44336;">
<div class="item-...
1
票
1
回答
389
閲覧数
Onsen UI を使用したソースをAndroidのChrome(「PC版サイトを見る」のチェックを外した状態)で動す方法につきまして。
Onsen UIを使用して、ハイブリッドとWebアプリ(ブラウザを利用したアプリ)の開発を行うことを検討しております。
Monacaで用意されているテンプレート(Sliding Menu)のソースを、Nodeのサーバーに置いて、AndroidのChromeで動かしてみたところ、「PC版サイトを見る」のチェックを外したモードでは上手く動きませんでした。(真っ白い画面になりました)
...
1
票
1
回答
436
閲覧数
Wifiに接続・未接続で処理を分岐したい
よろしくお願い致します。
Monaca、onsen-uiを利用して、アプリを開発しています。
デバイスが、Wifiに接続した時と、
接続していない時で処理を分けたいのですが、
(通信量制限等を考慮した設計)
お分かりになる方いらっしゃいますでしょうか。
何卒よろしくお願い致します。
1
票
1
回答
817
閲覧数
onsen-uiを使ってのおえーじ更新について
onsen-uiのテンプレート(page2.html)のコードの下に
を加えたのですがボタンを押すとそれまでに記載されていた違うボタンなどが崩れてしまいます
なぜでしょうか?
<ons-toolbar>
<div class="left">
<ons-toolbar-button ng-click="app.slidingMenu....
1
票
3
回答
6,638
閲覧数
ONSEN UIのpopPage()で戻った場合に遷移前のデータを反映させたい
Monaca
ONSEN UI 1.2.2
AngularJS 1.3
タイトルだけだとわかりにくいと思いますが下記のような動作を想定しています。
・ページA(起点ページ)pageAController
フォームパーツなどがあり、ユーザーがデータを入力するページ。
検索ボタンを押すとページBへ進む。
・ページB(ページAからしかこない)pageBController
ページAから遷移され、...
1
票
2
回答
2,977
閲覧数
ons-navigatorのデフォルトページのコンポーネントを取得する方法
環境:Moanca for Visual Studio
Cordova 4.1.0
ONSEN UI 1.2.1
AngularJS: 1.3.0(ONSEN UI標準組み込み)
Android MonacaDebugger 3.2.0
サンプルのOnsen UI ナビ付 タブバーを元に以下のようなコードを書いていますが、ons-navigatorのデフォルトページpage1.html内部の#...
1
票
2
回答
2,735
閲覧数
ons-toolbarに画像を埋め込む
ons-toolbarに画像を埋め込みたいのですがどのようにすれば埋め込めますでしょうか?
ご存知の方はご教授の程、よろしくお願い致します。
1
票
1
回答
3,829
閲覧数
ドロップダウンメニューをOnsen UIで実装することはできますか?
ドロップダウンメニューをOnsen UIで実装することはできますか?
1
票
1
回答
564
閲覧数
InAppBrowserでカスタムヘッダを付加する方法
InAppBrowserで、
window.open('http://example.jp/', '_blank', 'location=yes');
などとする時、httpリクエストヘッダに
x-sample: abcd
などのカスタムヘッダを付加する方法は、何かありますでしょうか?
cordovaのバージョンは6.2です。
何卒、よろしくお願いいたします。
1
票
1
回答
426
閲覧数
<ons-tab>タブをタップした時のアニメーションを変更したい(カスタマイズ)
onsen uiで以下の機能を実装したいと考えています。
タブ切り替え時のアニメーションにons-navigatorの画面遷移時に設定できる"slide"のようなアニメーションでタブを切り替えたいと考えているのですが、ons-tabbarのオプションには"slide"が設定できないので他の方法で実装したいのですが、実装方法がわかりません。
上記実装をonsen ...
1
票
1
回答
2,337
閲覧数
左スワイプ(ons-carousel)で削除ボタンを表示→クリックで該当アイテムを削除→次のアイテムが左スワイプされて表示される
お世話になります。開発環境Monacaです。Monaca公式ガイドブックサンプル「バーコードスキャナー
アプリ(https://ja.monaca.io/book/zip/10-2.zip)」を編集しています。こちらのアプリの履歴画面に、左スワイプで各アイテムごとに削除する機能を実装しました。しかし試してみたところ、下記のような問題が発生しました。
<問題の詳細>
A、B、...
1
票
1
回答
1,138
閲覧数
Onsen UI におけるラジオボタンの仕様について
Onsen UI におけるラジオボタンの仕様について
Monaca 上で Onsen UI を使ってアプリを制作しています。
Onsen UI のラジオボタンを使用しているのですが、項目の文面が長いとチェック欄の部分まで折り返しが発生してしまいます。
見た目が美しくないのでチェック欄に掛からないようにインテンド(?)を掛けたいのですが、それは可能でしょうか?
「仕様なのでできない」...
1
票
1
回答
1,354
閲覧数
java scriptの動きが反映されません
htmlは苦手で,特にjava scriptの呼び出し方などわかっていない者です。
index.htmlで,
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Security-Policy" content="...
1
票
1
回答
1,112
閲覧数
OnsenUI+GoogleMaps ons-page内で表示されない tabbarで表示したい
tabbarを使った1つのページに GoogleMapsを表示させたいのですが、うまく表示させることができません。試行錯誤の結果"ons-page"タグ内で表示できないことがわかりました。
GoogleMapsApiの使用にはプラグインを使っています。
https://github.com/mapsplugin/cordova-plugin-googlemaps
どうかお知恵をお貸しください。
...
1
票
1
回答
632
閲覧数
カルーセルで左右に矢印を出したい
OnsenUIでWebアプリを開発しています。
その中でカルーセル(ons-carouselコンポーネント)を使用する画面があり、左右に続くコンテンツがあるかどうかをユーザに示す矢印("<"と">")を表示したいと考えています。
矢印の表示はOnsenUIの標準機能で可能でしょうか?
それとも、自力で実装するしかないでしょうか。
1
票
1
回答
300
閲覧数
var属性に指定したコンポーネントをコントローラーで使用できない
下記のようにvar属性にcarouselコンポーネントを指定しております。
<ons-carousel swipeable overscrollable auto-scroll fullscreen var="app.carousel" ng-controller="FooController">
次にコントローラーでcarouselをログに出力しました所、...
1
票
1
回答
714
閲覧数
OnsenUIの基本的な構成方法
全くのMonaca初心者です。初歩的な質問で申し訳ありません。
controller等を設けず、OnsenUIを利用して
onclick等で普段通りのJSで関数を書いて行ってしまいました。
Pushpageでページを切り替えていくことができましたが、切り替えたページでは
DOMを書き換えることもできませんでした。
Psuhpage後にロードされたDOMに対して、...
1
票
1
回答
513
閲覧数
ONSEN UIでカルーセルのサブウィンドウを表示したい。
タイトルだけではイメージがつかないと思いますので画像を表示します。
実装イメージはインフォメーションアイコンをタップすると、画像のサブウィンドウを
表示し、カルーセルでアプリの操作説明を表示させようと考えております。
また、右上の×アイコンのタップでサブウィンドウが消えます。
ネイティブでは上記UIを実装したことがあるのですが、ONSEN UIで実装可能でしょうか?
...
1
票
1
回答
1,093
閲覧数
データベースの結果セットをons-razy-repeatを用いて表示する
データベースへの問い合わせ結果をグローバル変数"CustomerList"に格納し、その内容を"ons-list"の"ons-razy-repeat"で表示するコードを記述しました。
あるボタンを押したときに、データベースの再問合わせを行い、グローバル変数"CustomerList"の中身を丸ごと変更し、それに合わせて"ons-list"の表示内容を変更したく思います。単純に"...
1
票
1
回答
883
閲覧数
Onsenuiのmodifierのプリセット以外の指定について
先ほどons-list-headerの仕様を見ていたら、modifierが設定できそうでしたが、プリセットがありません。この場合modifierはどこかで自作できたりするのでしょうか?
そう言う記述が見当たらなかったのでご相談しました。宜しくお願いします。
1
票
1
回答
3,013
閲覧数
ページを別ファイル化した時のons-templateについて
index.htmlからタップによってpage1.html(別ファイル)にnavigator.pushPage()で遷移した場合
pgae1.htmlにはons-templateを記述は可能なのでしょうか?
使い方が正しいか分かりませんが、page1.htmlにons-page(初期表示される)を記述して、それとは別にons-templateを使いたい感じです。
このように別ファイル化した場合、...
1
票
1
回答
509
閲覧数
OnsenUI + Android4.0-4.3でpushPage後の元ページが先頭へ移動する
Android4.0 ~ 4.3でons-pageをスクロールさせた後、pushPageで新しいページを追加すると、追加元ページのスクロールポジションが初期化されます(0になる)。
エミューレータと実機の両方でこの現象が発生
Android4.4以上やiOSでは、この現象が発生しない
Android4.3においてはgulp ...
1
票
1
回答
146
閲覧数
スライディングメニューのjQueryでの実装
パターン http://ja.onsen.io/patterns.html の中で、Sliding Menuをangularではなく、jQueryで実装することはできますか。そのサンプルはどこかに示されていますか。
1
票
1
回答
792
閲覧数
フレームアニメーションをOnsen UIで実装したいです
スプライトシートを使ってOnsen UIでフレームアニメーションを実装したいです。
環境はmonacaで「Onsen UI最小限テンプレート」を使用しています。
下記URLより「フレームアニメーション」ファイルを見て、index.htmlで実装できることは確認済です。
https://ja.monaca.io/book/support/
Onsen UIを使用した時、page1....
1
票
1
回答
562
閲覧数
カルーセルUIコンポーネントで画像の幅に合わせて自動的に高さを調整したい
Onsen UIのカルーセル(ons-carousel)で
画像の幅に合わせて高さを自動で出すことはできないのでしょうか?
高さを指定しないと表示がされないのですが
表示に合わせて伸び縮みしてほしいのですが何か書き方があるのでしょうか?
1
票
3
回答
2,828
閲覧数
Onsen UI ons-tabbarのhide-tabsの切り替え方法
Onsen UIを使用してアプリの作成しています。
トップページはタブバーを表示させないで、それ以外のページにタブバーを表示させたいと思っています。
トップページはhide-tabsを使用してタブバーを非表示にしたのですが、非表示にしたタブバーを表示するにはどうしたらよいでしょうか?
非表示
宜しくお願いします。
1
票
1
回答
1,420
閲覧数
アプリ終了時の制御について
cordovaとonsenUIを使ってをangularJSベースでスマホアプリを開発しています。
今回よくあるandroidアプリのように、androidの場合はバックボタンを一回押すと、ダイアログがでてそのダイアログが出ている間に、もう一度バックボタンを押すとアプリが終了するようなものを作りたいと思っています。
以下のようにonsenUIのドキュメント通りに、...
1
票
1
回答
4,524
閲覧数
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 '...
1
票
1
回答
1,878
閲覧数
Onsen UI Guide の「ダイアログを使う」のダイアログに選択系のコントロールを使用するには
例えばSwitchのコード
<label class="switch">
<input type="checkbox" class="switch__input">
<div class="switch__toggle"></div>
</label>
を(ダイアログではなく)普通に<ons-page></...
1
票
1
回答
430
閲覧数
monacaのtextareaの大きさを変える
monacaの勉強を、参考プログラムのメモ帳を改造するところからはじめてます。
最初の状態だと、メモを書き込むtextareaがすごく狭いのですが、大きくする方法がわかりません。
CSSでは無理なのでしょうか?
わかる方いらっしゃいましたらよろしくお願いします。
1
票
1
回答
3,269
閲覧数
Onsen UI Guide に載っている「アラートダイアログ」をボタンを押した時に表示したい
Monacaを使用して開発している者です。
以下に設置した「送信」ボタンをタップしたら「アラートダイアログ」を表示させるにはどのようにすればよろしいのでしょうか?
<section style="padding: 0 8px 8px">
<ons-button modifier="large" onclick="confirm()" >送信</ons-...
1
票
1
回答
583
閲覧数
「Onsen UI最小限のテンプレート」で「Onsen UI Guide」にある「アラートダイアログを使う」を行うには
「Onsen UI最小限のテンプレート」で「Onsen UI Guide」にある「アラートダイアログを使う」を行いたいのですが、「アラートダイアログを使う」のHTMLとJSのソースコードをどのように「Onsen UI最小限のテンプレート」に適用すればアラートダイアログを出力できるのでしょうか。
index.htmlの
<script>
ons.bootstrap();
</...
1
票
1
回答
617
閲覧数
OnsenUI:スプリットビューとナビゲーターの併用時のアニメーションについて
Onsen UIとPhoneGapを利用してアプリを作成しています。(Monaca不使用)
トップページをons-split-view、
スプリットビューのメインページとして呼ばれるページにons-navigatorを配置しています。
(やりたいこととしては、iPadの「設定」のような、左側のメニューは固定・右側のページはアニメで遷移するようなデザインです)
...
1
票
1
回答
101
閲覧数
monacaのコンタクトプラグインを利用してコンタクト一覧を表示したい
anguler+monacaのコンタクトプラグインを利用してコンタクト一覧を表示したいと考えています。
app.controller('MainController', function($scope) {
document.addEventListener("deviceready", function(){
var options = ...
1
票
1
回答
3,285
閲覧数
OnsenUIのNavigatorのpushpageについて
いつもお世話になっております。
OnsenUIを最新のv1.2.2にしたところ以下のようなコードのpushPageが動作しなくなってしまいました。
『 TypeError: Cannot read property 'pushPage' of undefined 』
というエラーが出てします。(ちなみにv1.2.1では動いておりました。)
pushPageのところを
『 $scope.app....
1
票
1
回答
496
閲覧数
基本的なサンプルページの表示が上手くいかない
基本的なことで大変恐縮です。
http://components.onsen.io/patterns
これの上段中央(犬とおじさん)の画面なんですが「Profile」の文字が中央にいきません。
プレビューではちゃんと表示されるのですがビルドする「Profile」の文字が左によってしまいます。
プロジェクトは最小限のテンプレートです。
どなたかご教授いただけると幸いです。
...
1
票
1
回答
571
閲覧数
Onsen UI Sliding Menu使用時のテーブルリンクについて
ずぶの初心者である私は、Onsen UI Sliding Menuを使用し、タッチしたらページを表示するだけの非常に初歩的なアプリ製作に挑戦しています。
質問の内容
Onsen UI Sliding Menuの1ページに表を作成して表をクリックしたら詳細ページにジャンプするというものを動作させたいと思っています。
しかし、表を作成したあとのリンクの貼り方がよくわかりません。自分なりに調べて、
&...
1
票
2
回答
913
閲覧数
カルーセルページ内でのスクロール
お世話になります。
ons-carousel-itemタグで複数のページを用意して横移動するようにしています。
このページの中に高さ固定で縦スクロール可能なDIVタグを埋め込んでいるのですが、
DIVタグ内で縦スクロールができずに、横移動しようとします。
解決方法がありましたら、教えてください。
よろしくお願いいたします。
1
票
1
回答
418
閲覧数
frameタグの中に、YouTubeのビデオIDが設定されているangular式を指定して動画再生したい
iframeタグの中に、YouTubeのビデオIDが設定されているangular式を指定して
動画再生したいのですが、可能でしょうか。
現状、直接的にビデオIDを指定する方法が分からなかったので、
仕方なくSelectBoxを使っております。
(SelectBoxでビデオIDを選択すると、選択したIDの動画が再生出来るようになっています)
※以下参照
これを、SelectBoxを使用せずに、...
1
票
0
回答
121
閲覧数
MonacaアプリのiCloudへのバックアップ
単純な質問なのですが、Monacaで作ったアプリはiCloudでバックアップ可能とありますが、どのデータをバックアップするのでしょうか?
Localstrage内にある、WEB SQLやIndexedDBにあたるのでしょうか?
1
票
1
回答
871
閲覧数
OnsenUI2.0で、タブ表示(ons-tabbar)した時のAngularJSのコントローラのふるまいについて
OnsenUIを1系から2.0への移行を検討しています。
angularJSは1.5を使用しています。
下記のons-tabで設定している各ページにコントローラを適用しています。
OnsenUI 1系では、それぞれのタブに割り当てられたページを開くと、それに対応するコントローラのJavascriptが実行されていましたが、
OnsenUI 2.0では、最初のページを開くと、...
1
票
0
回答
106
閲覧数
ons-pull-hookを使った際のTypeError: Cannot read property '0' of nullのエラーについて
ons-pull-hookを実装したページでTypeError: Cannot read property '0' of nullのエラーが出ます。
ons-pull-hookを実装したページからpushPageで画面遷移し、
popPageで元のページへ戻り、もう一度pushPageで画面遷移すると、下記のようなエラーが出ます。
いろいろ試し上記の原因に辿り着いた所存です。
...
1
票
0
回答
417
閲覧数
setDeviceTokenの記述場所(組み込み場所)について
現在、MonacaでNCMBと連携したアプリ(プッシュあり)を作っているのですが、
iOSへの初回インストール後の起動時(プッシュの許可アラートが出るとき)のみ、
objectIDが取得できずに困っています。
(2度目以降の起動時には正常に取得できます。)
objectIDが取得できない直接の原因は、iOSが表示させている「プッシュの許可アラート」でほぼ間違いなさそう(※)なのですが
皆さま、...
1
票
1
回答
9,579
閲覧数
iosにてtextareaにフォーカスが入るとキーボードによってヘッダーが上にずれて見えなくなる
初心者です。お世話になります。開発環境Monacaです。AngularJsの勉強を兼ねてOnsenUiコンポーネントを用いつつ、入力した文字数がヘッダーに表示される簡単なメモ帳を作成しました(入力画面のみ)。
しかしiphone(ios9.2)で確認したところ、textareaにフォーカスが入ると、表示されたキーボードによってヘッダー部分が上方にずれてしまいます。
...
1
票
0
回答
378
閲覧数
Onsen UI 2.0 + Reactでのons-navigatorについて
Onsen UI 2.0をReactで使おうとしています。
Onsen UIのons-navigatorを利用した画面遷移を実装したいのですが、実装方法がわかりません。
リファレンスでは、ons-navigatorのvar属性を利用してnavigatorを参照できるようにしていますが、var属性はAngularのみ対応しているようです。
Reactではどのよに実装すればいいでしょうか?
...
1
票
0
回答
168
閲覧数
onsen uiからjsonファイルをread/writeするリソースを探しています。
Jsonファイルをread/writeするクラスから
インスタンスしたオブジェクトを生成し、このオブジェクトに
readメソッドやwriteメソッドでファイルハンドリングすることを
想定しています。
オススメのものがありましたら、ご教授のほどお願い致します。
1
票
0
回答
353
閲覧数
onsenuiのtheme切り替えがうまくいかない
お世話になります。
monacaクラウドでonsenuiのcssを変更すると画面が真っ白になってしまいました。
回復手段・確認すべき場所はどのようなものがありますか?
行った手順
Monacaクラウドでプロジェクトを開く
「ファイル」-「JS/CSSコンポーネントの追加と削除」を選択
OnsenUI(Monaca Version)Ver=1.3.11の設定ボタンをクリック
「blue-...
1
票
0
回答
467
閲覧数
Visual Studio 2015でAndroid署名付きリリースビルドをするには?
Windows7でVisual Studio Community 2015を使って開発しています。
Onsen-UIを利用したハイブリッドアプリです。
Androidのデバッグビルドと署名なしのリリースビルドはできましたが、
署名ありのリリースビルドの方法がわかりません。
別のツールを使わず、可能ならVisual Studioだけで行いたいです。
Android の署名を構成するには、...
1
票
0
回答
482
閲覧数
ons-carouselで画像の拡大縮小を行いたい
現在Monacaでアプリを作成しています。
ons-carousel-itemに画像を指定してiPhoneの写真一覧みたいな
画像を拡大縮小できるカルーセルを作成しようと思っているのですが、
可能でしょうか?お分かりになる方ご教示ください。