开发者

Custom Submit button

开发者 https://www.devze.com 2023-01-05 23:48 出处:网络
How can I create submit button, and define custom title 开发者_StackOverflow中文版on it, together with custom class style?You could use either submit() or button() methods of the Form helper instead o

How can I create submit button, and define custom title 开发者_StackOverflow中文版on it, together with custom class style?


You could use either submit() or button() methods of the Form helper instead of the end() method. For example:

echo $this->Form->submit(
    'Send', 
    array('class' => 'custom-class', 'title' => 'Custom Title')
);

Don't forget to close the form. You can do it by calling the end() method without any arguments.

echo $this->Form->end();


Also remember, you can always do it old school

I prefer to use $this->Form->end( ); without arguments and build my own submit buttons and markup. It's easy

<div class="buttons clearfix">
    <button type="submit" class="positive">
        <span class="icon-wrapper"><img src="path/to/tickmark.png" alt="" title="" /></span>
        Save Item
    </button>
</div>

I would also tell you to experiment with the $this->Form->input('Model.field', 'options' => array( array('type' => 'button'))); - particularly the before, between, after, and class options. You can use the helper to create <input type="button" /> elements with a good amount of flexibility.


you can create costum submit by this code

echo $this->Form->submit(
    'Submit', 
    array('div' => false,'class' => 'urclass', 'title' => 'Title')
);


This is enough:

echo $this->Form->submit("Custom message");

Also as @Mike suggest close the form with

echo $this->Form->end();


Or you can combine both with:

echo $this->Form->end("Custom Message");


I created a custom button using an image in my under app/webroot/img that uses inline style for specifying size and changing the position to center

$options=array('type'=>'Make secure payment', 'type'=>'image', 'style'=>'width:200px; height:80px; display:block; margin-left:auto; margin-right:auto;');
echo $this->Form->submit('/img/axiaepaysecurebuttongray_med.png', $options);
echo $this->Form->end();


For CakePHP 2.x, you can use

$options = array(
    'label' => 'Update',
    'div' => array(
        'class' => 'glass-pill',
    )
);
echo $this->Form->end($options);
0

精彩评论

暂无评论...
验证码 换一张
取 消