Remove line break from CakePHP form submit and link buttons

Question

I am modifying my login form in CakePHP, and want to add Register Button after Login button. However CakePHP creates line break between these two elements:

My login.ctp file:

<?php
/**
 * Copyright 2010 - 2011, Cake Development Corporation (http://cakedc.com)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright Copyright 2010 - 2011, Cake Development Corporation (http://cakedc.com)
 * @license MIT License (http://www.opensource.org/licenses/mit-license.php)
 */
?>
<div class="row-fluid">
    <div class="span4"></div>
    <div class="span4">
        <fieldset>
            <?php
            echo $this->Form->create($model, array(
                'plugin' => 'users', 'controller' => 'users',
                'language' => $this->Session->read('Config.language'),
                'id' => 'LoginForm', 'class' => 'well'));
            ?>
            <div class="row-fluid">
                <?php
                if ($_SERVER['HTTP_HOST'] == Configure::read('webakis.touchscreen_host')) {
                    echo $this->Form->input('name', array(
                        'label' => __('Name'), 'class' => 'span12'));

                    echo $this->Form->input('surname', array(
                        'label' => __('Surname'), 'class' => 'span12'));
                } else {
                    echo $this->Form->input('email', array(
                        'label' => __('Email or name surname'), 'type' => 'text', 'class' => 'span12'));
                }
                echo $this->Form->input('password', array(
                    'label' => __('Password'), 'class' => 'span12'));

//                echo '<p>' . $this->Form->checkbox('remember_me') .  __( 'Remember Me') . '</p>';
                //echo '<p>' . $this->Html->link(__( 'I forgot my password'), array('action' => 'reset_password')) . '</p>';

                echo $this->Form->hidden('User.return_to', array(
                    'value' => $return_to));
                // echo $this->Form->end(__( 'Sing in') );
                ?>
                <div class="row-fluid">
                <?php
                echo $this->Form->submit(__('Sign in'), array('class' => 'btn span6'));

                echo $this->Html->link(__('Create an Account'), array('plugin' => 'users', 'controller' => 'users', 'action' => 'add'), array('class' => 'btn span6'));
                ?>
                </div>        
                <p><?php
                if ($_SERVER['HTTP_HOST'] !== Configure::read('webakis.touchscreen_host')) {
                    echo $this->Html->link(__('Forgot your password?'), array('action' => 'reset_password'));
                }
                ?>
                </p>
            <div class="btn btn-facebook"><i class="fa fa-facebook"></i>
                <?php echo $this->Html->link('Connect with Facebook', $fb_login_url);?>
            </div></br></br>     
            </div><?php echo $this->Form->end(); ?>

            </form>
        </fieldset>

    </div>
    <div class="span4"></div>
</div>

I have tried to use Bootstrap "row-fluid" class to put them in one line, but it doesn't work.

Answer 1

It's not a linebreak as in <br>, it's that the button is being wrapped in a block element (div by default).

Either disable it

echo $this->Form->submit(__('Sign in'), array(
    'class' => 'btn span6',
    'div' => false
));

or use the after option to inject your other button/link into the wrapping element:

$link = $this->Html->link(__('Create an Account'), array(
    'plugin' => 'users',
    'controller' => 'users',
    'action' => 'add'
),
array('class' => 'btn span6'));

echo $this->Form->submit(__('Sign in'), array(
    'class' => 'btn span6',
    'after' => $link
));

See also http://book.cakephp.org/2.0/en/core-libraries/helpers/form.html#options