タグ別アーカイブ: CakePHP2

[CakePHP2]TwitterBootstrapのフォーム（input）の幅を変更する方法

投稿日: 2014年12月10日作成者: ウェブマスター

CakePHP2とTwitterBootstrapでサイトを構築しているとき、フォーム要素の幅を変更するためにcolsを設定しても横幅が広がりませんでした。
調べてみたところ、TwitterBootstrapには下記のようなinputに対するレイアウトが作られており、それを指定する必要があるということがわかりました。
フォーム要素にclassを設定するのは下記のような記載方法でＯＫです。

echo $this->Xformjp->input('text',Array('value'=>’test’,'label'=>'','cols' => 300, 'rows' => 10,'class'=>"input-xxlarge"));

1	echo $this->Xformjp->input('text',Array('value'=>’test’,'label'=>'','cols' => 300, 'rows' => 10,'class'=>"input-xxlarge"));

class="input-mini"
class="input-small"
class="input-medium"
class="input-large"
class="input-xlarge"
class="input-xxlarge"

class="input-mini"

class="input-small"

class="input-medium"

class="input-large"

class="input-xlarge"

class="input-xxlarge"

各設定の幅を変えたい場合は「bootstrap.css」で該当箇所を変更します。

カテゴリー: view | タグ: CakePHP2, class, input, TwitterBootstrap, フォーム要素, レイアウト | コメントは受け付けていません。

[CakePHP2]Formのバリデーションを切る（HTML5）

投稿日: 2014年12月9日作成者: ウェブマスター

CakePHP2でSearch Pluginを使って検索フォームを作ってみたところ、フィールドに文字を入力しないで送信ボタンを押すと、ご丁寧に「入力必須です・・・」のようなメッセージが出て、送信できません。

TwitterBootstrapを入れてHTML5にした環境だから出てしまったメッセージのようですが。
これでは検索になりません。
HTML5で調べたら「required」という設定がこのメッセージを出しているようです。

カテゴリー: CakePHP | タグ: CakePHP2, HTML5, required, SerchPlugin, validate | コメントは受け付けていません。

[CakePHP2]Bakeの起動方法

投稿日: 2014年12月8日作成者: ウェブマスター

CakePHP2でBakeの起動方法です。

まず、ディレクトリをCakeのapp/Consoleに移動します。
（下記の例はCakeのコアファイルを/usr/lib/cake2/にインストールしてある場合です）

カテゴリー: CakePHP | タグ: bake, CakePHP2 | コメントは受け付けていません。

[CakePHP2]Twitter Bootstrapプラグインの使い方

投稿日: 2014年12月7日作成者: ウェブマスター

最近はPCとスマホの比率が半々ぐらいになったとかで、レスポンシブデザインとかHTML5だとか、急速に環境が変わりつつあります。
CakePHPでも簡単にお洒落なデザインにしたい・・・
そんなときに使えるのが「Twitter Bootstrap」というプラグインです。
「Bootstrap」というデザインのテンプレートらしきものがあり、これをCakePHP用にしたものが「Twitter Bootstrap」です。

カテゴリー: CakePHP | タグ: CakePHP2, Twitter Bootstrap, テンプレート | コメントは受け付けていません。

[CakePHP2]DebugKitのインストールと設定

投稿日: 2014年12月7日作成者: ウェブマスター

CakePHP2をインストールすると、インストールの画面でDebugKitをインストールしたほうがいいよ！とメッセージが出ます。
CakePHP２で開発するのには絶対に導入しておいたほうが良いプラグインですね。

まず、DebugKitをダウンロードしてきましょう。
ダウンロードは以下のURLで。
https://github.com/cakephp/debug_kit

カテゴリー: CakePHP | タグ: CakePHP2, DebugKit, デバッグ | コメントは受け付けていません。

[CakePHP2] Bakeの起動

投稿日: 2014年6月20日作成者: ウェブマスター

CakePHP2でのBakeの起動方法のメモです。

Cakeのコアファイルのディレクトリは

/usr/lib/cake2/

とします。

カテゴリー: bake | タグ: bake, CakePHP2, 起動 | コメントは受け付けていません。

タグ別アーカイブ: CakePHP2

[CakePHP2]TwitterBootstrapのフォーム（input）の幅を変更する方法

[CakePHP2]Formのバリデーションを切る（HTML5）

[CakePHP2]Bakeの起動方法

[CakePHP2]Twitter Bootstrapプラグインの使い方

[CakePHP2]DebugKitのインストールと設定

[CakePHP2] Bakeの起動

Categories

最近の投稿

アーカイブ

最近のコメント

タグ別アーカイブ: CakePHP2

[CakePHP2]TwitterBootstrapのフォーム（input）の幅を変更する方法

[CakePHP2]Formのバリデーションを切る（HTML5）

[CakePHP2]Bakeの起動方法

[CakePHP2]Twitter Bootstrapプラグインの使い方

[CakePHP2]DebugKitのインストールと設定

[CakePHP2] Bakeの起動

Categories

人気記事

最近の投稿

アーカイブ

タグ

最近のコメント