Public Forums 71,145 posts

[guiguiroll Friend guiguirollJoin date: August 2013Posts: 3Downloads:0Uploads:1]

#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 Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#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 guiguirollJoin date: August 2013Posts: 3Downloads:0Uploads:1]

#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

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#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>


[Author]

Posts