Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • guiguiroll Friend
    #195268

    Hi,

    I am looking for how i can display my login form module horizontally like in this example :
    http://www.joomlart.com/joomla/templates/purity-iii
    that can be seen via the screenshots gallery.

    The form takes the entire width of the page and is located just under an image. I think that is it the blog settings but i am not sure.

    Can somebody help me to fix this please ?

    Many thanks in advance for your help much appreciated.

    Gui

    Ninja Lead Moderator
    #524761

    Hi*Gui,

    I’m afraid I’m not quite getting what you mentioned above. It would be awesome if you can provide a screenshot with explanation. It would help to understand the issues and give you specific answers.

    guiguiroll Friend
    #525704

    Hi,

    Thank you for your return.

    Please find on the below screenshot the example of the horizontal form I was talking about.

    I am currently using Purity 3 and my login form module is always displayed (defaut settings) with the password field under the login one.

    I would like to have all these fields on a same line.

    Hope it helps

    Best regards

    Gui


    1. example_horizontal_login_form
    Ninja Lead Moderator
    #525729

    Hi Gui,

    Your question relates to Social component (3rd party), you should raise to extension provide to get better help. Anyway, please give it a try with this step:

    Make sure you backup old files first.

    Open the components/com_community/templates/default/frontpage.guests.php file

    Change


    <div class="row-fluid">

    <div class="span5">
    <div class="input-prepend input-block-level">
    <span class="add-on"><i class="js-icon-user"></i></span>
    <input type="text" name="username" id="username" tabindex="1" placeholder="<?php echo JText::_('COM_COMMUNITY_USERNAME'); ?>" />
    </div>
    </div>

    <div class="span5">
    <div class="input-prepend input-block-level">
    <span class="add-on"><i class="js-icon-lock"></i></span>
    <input type="password" name="<?php echo COM_USER_PASSWORD_INPUT;?>" id="password" tabindex="2" placeholder="<?php echo JText::_('COM_COMMUNITY_PASSWORD'); ?>" />
    </div>
    </div>

    <div class="span2">
    <input type="submit" value="<?php echo JText::_('COM_COMMUNITY_LOGIN_BUTTON');?>" name="submit" id="submit" class="btn btn-block btn-primary" tabindex="3" />
    </div>

    </div>

    <div class="row-fluid">
    <div class="span4">
    <?php if(JPluginHelper::isEnabled('system', 'remember')) : ?>
    <label for="remember" class="checkbox inline">
    <input type="checkbox" alt="<?php echo JText::_('COM_COMMUNITY_REMEMBER_MY_DETAILS'); ?>" value="yes" id="remember" name="remember" tabindex="4" />
    <?php echo JText::_('COM_COMMUNITY_REMEMBER_MY_DETAILS'); ?>
    </label>
    <?php endif; ?>
    </div>

    <div class="span8">
    <ul class="inline unstyled pull-right">
    <li>
    <a class="reminder-link" href="<?php echo CRoute::_( 'index.php?option='.COM_USER_NAME.'&view=remind' ); ?>" tabindex="5">
    <?php echo JText::_('COM_COMMUNITY_FORGOT_USERNAME_LOGIN'); ?></a>
    </li>
    <li>
    <a class="reminder-link" href="<?php echo CRoute::_( 'index.php?option='.COM_USER_NAME.'&view=reset' ); ?>" tabindex="6">
    <?php echo JText::_('COM_COMMUNITY_FORGOT_PASSWORD_LOGIN'); ?>
    </a>
    </li>
    <li>
    <?php if ($useractivation) { ?>
    <a class="reminder-link" href="<?php echo CRoute::_( 'index.php?option=com_community&view=register&task=activation' ); ?>" class="login-forgot-username">
    <span><?php echo JText::_('COM_COMMUNITY_RESEND_ACTIVATION_CODE'); ?></span>
    </a>
    <?php } ?>
    </li>
    </ul>
    </div>
    </div>

    To


    <div class="row-fluid">
    <div class="span5">
    <div class="input-prepend input-block-level">
    <span class="add-on"><i class="js-icon-user"></i></span>
    <input type="text" name="username" id="username" tabindex="1" placeholder="<?php echo JText::_('COM_COMMUNITY_USERNAME'); ?>" />
    </div>
    <div class="input-prepend input-block-level">
    <span class="add-on"><i class="js-icon-lock"></i></span>
    <input type="password" name="<?php echo COM_USER_PASSWORD_INPUT;?>" id="password" tabindex="2" placeholder="<?php echo JText::_('COM_COMMUNITY_PASSWORD'); ?>" />
    </div>
    <input type="submit" value="<?php echo JText::_('COM_COMMUNITY_LOGIN_BUTTON');?>" name="submit" id="submit" class="btn btn-block btn-primary" tabindex="3" />
    <?php if(JPluginHelper::isEnabled('system', 'remember')) : ?>
    <label for="remember" class="checkbox inline">
    <input type="checkbox" alt="<?php echo JText::_('COM_COMMUNITY_REMEMBER_MY_DETAILS'); ?>" value="yes" id="remember" name="remember" tabindex="4" />
    <?php echo JText::_('COM_COMMUNITY_REMEMBER_MY_DETAILS'); ?>
    </label>
    <?php endif; ?>
    <ul class="inline unstyled pull-right">
    <li>
    <a class="reminder-link" href="<?php echo CRoute::_( 'index.php?option='.COM_USER_NAME.'&view=remind' ); ?>" tabindex="5">
    <?php echo JText::_('COM_COMMUNITY_FORGOT_USERNAME_LOGIN'); ?></a>
    </li>
    <li>
    <a class="reminder-link" href="<?php echo CRoute::_( 'index.php?option='.COM_USER_NAME.'&view=reset' ); ?>" tabindex="6">
    <?php echo JText::_('COM_COMMUNITY_FORGOT_PASSWORD_LOGIN'); ?>
    </a>
    </li>
    <li>
    <?php if ($useractivation) { ?>
    <a class="reminder-link" href="<?php echo CRoute::_( 'index.php?option=com_community&view=register&task=activation' ); ?>" class="login-forgot-username">
    <span><?php echo JText::_('COM_COMMUNITY_RESEND_ACTIVATION_CODE'); ?></span>
    </a>
    <?php } ?>
    </li>
    </ul>

    </div>
    </div>

Viewing 4 posts - 1 through 4 (of 4 total)

This topic contains 4 replies, has 2 voices, and was last updated by  Ninja Lead 10 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum