

ons-toolbarは以下構造が基本だと思いますが、

[code]

    <ons-toolbar><div class="left">...</div><div class="center">...</div><div class="right">...</div></ons-toolbar>
    
[/code]

ツールバー内下段に検索ボックスのようなオブジェクトを含めたいような場合に、  
単に別途DIVタグで実装しても表示されません。

AngularJSを使わずにons-toolbar内のコンテンツを増やす方法はあるのでしょうか？

※以下のようにタグを改修して実現できました。有難うございました。

[code]

    <ons-toolbar style="height: 110px;" fixed-style>
        <div class="left" style="width: 10%;">ひだり</div>
        <div class="center" style="width: 80%;">まんなか
        <br>
        <div id="div-search" class="navigation-bar__center">
        <input type="search" id="ip-search" class="search-input" style="width: 96%; margin: 6px auto 6px auto;" placeholder="Search">
        </div>
        </div>
    </ons-toolbar>
    
[/code]


CC BY-SA 3.0
2016-02-13T09:44:24.860
22041
2016-07-03T06:42:04.077
2016-02-15T08:43:44.740
14318
14318
question
jquery onsen-ui
ons-toolbarのカスタマイズ方法について


`Onsen UI v1.3.15`の`onsenui.js`の20214行目に`ons-toolbar`のコードがあります。  
`AngularJS`で記載されており、また20259行で`'left', 'center',
'right'`が指定された場合という条件があるため、回答としては「ありません」となります。

`ons-toolbar`によって出力された内容を解析し、`jQuery`を使用したいなら、それに置き換えて再現すれば実現可能と思います。

追記  
「ありません」と書きましたが訂正します。  
このようなやり方であれば実現可能かと思います。

[code]

    <ons-toolbar style="height: 90px;" fixed-style>
        <div class="left">ひだり</div>
        <div class="center">テスト<br><input type="search" class="search-input" placeholder="キーワード"></input></div>
        <div class="right">みぎ</div>
    </ons-toolbar>
    
[/code]


CC BY-SA 3.0
2016-02-14T04:36:25.333
22062
2016-02-15T05:10:35.090
2016-02-15T05:10:35.090
9566
9566
22041
answer