Search type | Search syntax |
---|---|
タグ | [タグ] |
完全一致 | "ここの単語" |
作成者 |
user:1234 user:me (あなたの) |
スコア |
score:3 (3+) score:0 (なし) |
回答 |
answers:3 (3+) answers:0 (なし) isaccepted:yes hasaccepted:no inquestion:1234 |
閲覧数 | views:250 |
コード | code:"if (foo != bar)" |
セクション |
title:リンゴ body:"リンゴ オレンジ" |
URL | url:"*.example.com" |
セーブ | in:saves |
状態 |
closed:yes duplicate:no migrated:no wiki:no |
種類 |
is:question is:answer |
除外 |
-[タグ] -リンゴ |
高度な検索の詳細については、ヘルプ ページをご覧ください。 |
1
票
tabbarとカルーセルを組み合わせてメニューを組みたい
意図しているUIのイメージが掴めておらず申し訳ないのですが、
タブの中で複数ページを切り替えたいということでしょうか?
もしそうであれば
タブバーを使う
カルーセルを使う
の組み合わせでいけそうです。
サンプル
ons.bootstrap();
ons-carousel-item {
display: table;
text-align: center;
…
0
票
承認済み
Onsen-uiでtabbarとslidemenuを共存させる方法
こんな感じでいかがでしょう。
ざっくり大事そうな所を書くと
1.ons-sliding-menuのmain-pageをタブバーを配置したhtmlに変更
2.menu.htmlのリストクリック時の処理をアクティブタブの変更 + スライドメニューを閉じるに変更
となっています。
ons.bootstrap();
<link href="https://cdn.rawgit.com/O …
1
票
Onsen UI Guide の「ダイアログを使う」のダイアログに選択系のコントロールを使用するには
ons-dialogをベースにやってみたら大丈夫そうでした。
ons.bootstrap()
.controller('DialogController', function($scope) {
$scope.dialogs = {};
$scope.show = function(dlg) {
if (!$scope.dialogs[dlg]) { …
1
票
Onsen UI ons-tabbarのhide-tabsの切り替え方法
うーん、こんな感じなんですかね。
ons.bootstrap().controller('MainCtrl', function($scope) {
$scope.hide = true;
$scope.push = function() {
myNavigator.pushPage('new_page.html');
$scope.hide = fals …
1
票
承認済み
onsenでボタンを押したら外部リンクに飛ぶようにしたいのですが
onclickで大丈夫です。
onclick="window.open(url, target, options);"
target
・_self:URLがホワイトリストに載っている場合は、Cordova WebView。それ以外は、InAppBrowser
・_blank:InAppBrowser
・_system:システムのWebブラウザ
options ※InAppBrowserで使 …
1
票
スライディングメニューのjQueryでの実装
ons〜がangularのdirectiveなので、jQueryで実装するのであればその辺はほとんど使えないのではないかと思います。
Open panel on swipe
この辺のソースを参考にしたり、
横からスライドするドロワーメニューのjQuery、JS、CSS3のプラグインまとめ!
この辺から用途にあったプラグインを見つけられればいけそうな気がします。
1
票
ページを別ファイル化した時のons-templateについて
複数のhtmlファイルとons-templateを併用するとうまく動かない
こちらの質問に回答がありますが、別ファイルのons-templateを使用するには事前にng-includeしておく必要があるようです。
<ng-include src="'page1.html'"></ng-include>
ただ、今回のようにindex.htmlのons-navigatorに設定する場合はこれだけ …
3
票
ons-tabbarを冗長なコードを書かず上部ツールバー下へ配置したい
ons-pageの配下にons-tabbarを書いてしまっていますが、こんな感じにすればons-tabbarの記述は1カ所でいけるかなと思います。
あるタブの中で画面遷移が頻繁に発生する
選択したタブによってツールバーの内容が大きく異なる
といった場合にはこれだと難しいかもしれません。
ons.bootstrap()
.controller('MainCtrl', ["$sco …
2
票
承認済み
ドロップダウンメニューをOnsen UIで実装することはできますか?
「ons-popover」というコンポーネントを使用するとできるようです。
http://ja.onsen.io/guide/components.html#ons-popover
実装例は英語版の回答者の方が記載している下記リンク先が分かりやすいです。
http://codepen.io/argelius/pen/zxGEza
上記リンクを参考にした方が良いですが、公式のサン …
1
票
Onsen UI Sliding Menu使用時のテーブルリンクについて
Onsen UIを使用されているのであれば、<ons-list>を使用すると良いと思います。
<ons-list>
<ons-list-item modifier="chevron" onclick="slider.setMainPage('page2.html')">
ページが変わります。
</ons-list-item>
<ons-list-item modi …
1
票
Monaca Onsen UI でスライドメニューとタブバーを併用したい。
ons-sliding-menuの中にons-tabbarを入れたら動きました。
index.html
<body>
<ons-sliding-menu var="app.slidingMenu" menu-page="menu.html" side="left" type="overlay" max-slide-distance="200px">
<ons-tabba …
1
票
承認済み
Onsen UI Tabbarサンプルコードが動作しない
確かに動きませんね・・・。
page1.htmlの下記の部分を
<ons-button
ng-click="ons.navigator.pushPage('new_page.html')">
Push New Page
</ons-button>
こんな感じに変えると動きます。
<ons-button
ng-click="myNavigator.pushPage …
1
票
「Onsen UI最小限のテンプレート」で「Onsen UI Guide」にある「アラートダイアログを使う」を行うには
こんな感じでいけると思います。
index.html
<script>
ons.bootstrap()
.controller('NotificationController', function($scope) {
$scope.alert = function() {
ons.notification.alert({message: 'An er …
1
票
Onsen UI Guide に載っている「アラートダイアログ」をボタンを押した時に表示したい
htmlに ng-controller="NotificationController" がないことが原因ではないかと考え
サンプルのalertやconfirmはNotificationController配下に記述されていますので、こちらの考えは正しいと思います。
ページ内に複数のボタンを配置するのであれば<ons-page>あたりに入れてみてはいかがでしょうか。
また、質問のコード …
2
票
onsen-uiを使ってのおえーじ更新について
<a href="page2.html">で遷移するとページ全体にpage2.htmlが読み込まれてindex.htmlの制御下から外れるんじゃないかなと思います。
質問に何がしたいという記述がありませんのでここからは余談になりますが、
Page2から画面を遷移したいのであればPage2をons-navigator配下にしてpushPageを使うと良いと思います。
ons.bootst …