スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
このエントリーをはてなブックマークに追加

[JQueryMobile][cakephp]Headerにsubmitボタンを配置する

参考URL:[jQuery Mobile] headerに3つ以上のボタンを表示する
JQueryMobileのHeaderサンプルではaタグで作成していますが、これをcakephpのsubmitに書き換えました。
(PHPのボタンや、JQueryMobileのボタンについても同じようなことが出来ると思います)

まずはサンプルがこうなっています。


Edit Contact


Save

[JQueryMobile][cakephp]Headerにsubmitボタンを配置する_1

これを単純にsubmitに書き換えます


Edit Contact


<?php echo $form->submit('送信',array('id'=>'submit','name' => 'submit','data-icon'=>"check",'data-theme'=>"b",'class'=>"ui-btn-right"));?>

[JQueryMobile][cakephp]Headerにsubmitボタンを配置する_2

下へずれてしまいました。
これを直すには'class'=>"ui-btn-right"の要素をdivタグに含めて外出しにします。


Edit Contact



<?php echo $form->submit('送信',array('id'=>'submit','name' => 'submit','data-icon'=>"check",'data-theme'=>"b"));?>


[JQueryMobile][cakephp]Headerにsubmitボタンを配置する_3

このようにすることで、意図した位置へ配置することが可能です。
このエントリーをはてなブックマークに追加

tag : jquerymobile cakephp1.3 php header submit button div

コメントの投稿

非公開コメント

Translation


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。
プロフィール

チーズくん

Author:チーズくん
個人的メモをただ羅列しています。
twitter:@cheese1038

バロメーター
最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。