Developing (v7+)

Modifying the labels in the login boxes

Permalink April 22, 2017 at 8:52 PM

Hi,

I'm trying to modify the "Username" and "Password" text in the login boxes on the login page and can't seem to find where to change this. Can anyone point me in the right direction?

Thanks,

btroyi

MrKDilkington replied on Apr 23, 2017 at 1:00 am Permalink Best Answer Reply

Hi wwwbtroyi,

To customize the login form labels, you need to override the login form:
- copy form.php
concrete\authentication\concrete\form.php
- paste form.php into application\authentication\concrete
application\authentication\concrete\form.php
- this line contains the "Username" text

<label class="control-label"><?=Config::get('concrete.user.registration.email_registration') ? t('Email Address') : t('Username')?></label>

- this line contains the "Password" text

<label class="control-label"><?=t('Password')?></label>

wwwbtroyi replied on Apr 25, 2017 at 5:23 pm Permalink Reply

Thank you for answering, but I looked at the login single page code before posting and cannot find the source of the text in the login boxes. Is it a javascript? And if so where is it located? I need to change what shows in the boxes to be in compliance with another system.

Thanks,

btroyi

MrKDilkington replied on Apr 26, 2017 at 2:01 am Permalink Reply

@wwwbtroyi

I updated the instructions.

wwwbtroyi replied on Apr 26, 2017 at 5:16 pm Permalink Reply

Do I need to modify the login.php page to get it to see the override? Here is the code that shows in the form.php (which doesn't show the same line you show in your example, however there is a similar line) and the single page login.php.

form.php original:

<?php defined('C5_EXECUTE') or die('Access denied.');
$form = Core::make('helper/form');
/** @var Concrete\Core\Form\Service\Form $form */
?>
<form method="post" action="<?php echo URL::to('/login', 'authenticate', $this->getAuthenticationTypeHandle()) ?>">
   <div class="form-group">
      <input name="uName" class="form-control col-sm-12" placeholder="<?php echo Config::get('concrete.user.registration.email_registration') ? t('Email Address') : t('Username')?>" autofocus="autofocus" />
   </div>
   <div class="form-group">
      <label> </label>
      <input name="uPassword" class="form-control" type="password" placeholder="<?php echo t('Password')?>" />
   </div>
   <div class="checkbox">
      <label style="font-weight:normal">
         <input type="checkbox" name="uMaintainLogin" value="1">

Viewing 15 lines of 35 lines. View entire code block.

 
<?php defined('C5_EXECUTE') or die('Access denied.');
$form = Core::make('helper/form');
/** @var Concrete\Core\Form\Service\Form $form */
?>
 
<form method="post" action="<?php echo URL::to('/login', 'authenticate', $this->getAuthenticationTypeHandle()) ?>">
 
   <div class="form-group">
      <input name="uName" class="form-control col-sm-12" placeholder="<?php echo Config::get('concrete.user.registration.email_registration') ? t('Email Address') : t('Username')?>" autofocus="autofocus" />
   </div>
 
   <div class="form-group">
      <label> </label>
      <input name="uPassword" class="form-control" type="password" placeholder="<?php echo t('Password')?>" />
   </div>
 
   <div class="checkbox">
      <label style="font-weight:normal">
         <input type="checkbox" name="uMaintainLogin" value="1">
         <?php echo t('Stay signed in for two weeks') ?>
      </label>
   </div>
 
   <?php if (isset($locales) && is_array($locales) && count($locales) > 0) { ?>
      <div class="form-group">
         <label for="USER_LOCALE" class="control-label"><?php echo t('Language') ?></label>
         <?php echo $form->select('USER_LOCALE', $locales) ?>
      </div>
   <?php } ?>
 
   <div class="form-group">
      <button class="btn btn-primary"><?php echo t('Log in') ?></button>
      <a href="<?php echo URL::to('/login', 'concrete', 'forgot_password')?>" class="btn pull-right"><?php echo t('Forgot Password') ?></a>
   </div>
 
   <?php Core::make('helper/validation/token')->output('login_' . $this->getAuthenticationTypeHandle()); ?>
 
   <?php if (Config::get('concrete.user.registration.enabled')) { ?>
      <br/>
      <hr/>
      <a href="<?php echo URL::to('/register')?>" class="btn btn-block btn-success"><?php echo t('Not a member? Register')?></a>
   <?php } ?>
 
</form>

<?php
use Concrete\Core\Attribute\Key\Key;
use Concrete\Core\Http\ResponseAssetGroup;
defined('C5_EXECUTE') or die('Access denied.');
$r = ResponseAssetGroup::get();
$r->requireAsset('javascript', 'underscore');
$r->requireAsset('javascript', 'core/events');
$form = Loader::helper('form');
if (isset($authType) && $authType) {
    $active = $authType;
    $activeAuths = array($authType);
} else {
    $active = null;
    $activeAuths = AuthenticationType::getList(true, true);
}

Viewing 15 lines of 198 lines. View entire code block.

 
<?php
use Concrete\Core\Attribute\Key\Key;
use Concrete\Core\Http\ResponseAssetGroup;
 
defined('C5_EXECUTE') or die('Access denied.');
 
$r = ResponseAssetGroup::get();
$r->requireAsset('javascript', 'underscore');
$r->requireAsset('javascript', 'core/events');
 
$form = Loader::helper('form');
 
if (isset($authType) && $authType) {
    $active = $authType;
    $activeAuths = array($authType);
} else {
    $active = null;
    $activeAuths = AuthenticationType::getList(true, true);
}
if (!isset($authTypeElement)) {
    $authTypeElement = null;
}
$image = date('Ymd') . '.jpg';
 
/** @var Key[] $required_attributes */
 
$attribute_mode = (isset($required_attributes) && count($required_attributes));
?>
 
<div class="login-page">
    <div class="col-sm-6 col-sm-offset-3">
        <h1><?php echo !$attribute_mode ? t('Sign In.') : t('Required Attributes') ?></h1>
    </div>
    <div class="col-sm-6 col-sm-offset-3 login-form">
        <div class="row">
            <div class="visible-xs ccm-authentication-type-select form-group text-center">
                <?php
                if ($attribute_mode) {
                    ?>
                    <i class="fa fa-question"></i>
                    <span><?php echo t('Attributes') ?></span>
                <?php
                } else if (count($activeAuths) > 1) {
                    ?>
                    <select class="form-control col-xs-12">
                        <?php
                        foreach ($activeAuths as $auth) {
                            ?>
                            <option value="<?php echo $auth->getAuthenticationTypeHandle() ?>">
                                <?php echo $auth->getAuthenticationTypeName() ?>
                            </option>
                        <?php
                        }
                        ?>
                    </select>
 
                    <?php
                }
                ?>
                <label> </label>
            </div>
        </div>
        <div class="row login-row">
            <div <?php if (count($activeAuths) < 2) { ?>style="display: none" <?php } ?> class="types col-sm-4 hidden-xs">
                <ul class="auth-types">
                    <?php
                    if ($attribute_mode) {
                        ?>
                        <li data-handle="required_attributes">
                            <i class="fa fa-question"></i>
                            <span><?php echo t('Attributes') ?></span>
                        </li>
                        <?php
                    } else {
                        /** @var AuthenticationType[] $activeAuths */
                        foreach ($activeAuths as $auth) {
                            ?>
                            <li data-handle="<?php echo $auth->getAuthenticationTypeHandle() ?>">
                                <?php echo $auth->getAuthenticationTypeIconHTML() ?>
                                <span><?php echo $auth->getAuthenticationTypeName() ?></span>
                            </li>
                        <?php
                        }
                    }
                    ?>
                </ul>
            </div>
            <div class="controls <?php if (count($activeAuths) < 2) { ?>col-sm-12<?php } else { ?>col-sm-8<?php } ?> col-xs-12">
                <?php
                if ($attribute_mode) {
                    $attribute_helper = new Concrete\Core\Form\Service\Widget\Attribute();
                    ?>
                    <form action="<?php echo View::action('fill_attributes') ?>" method="POST">
                        <div data-handle="required_attributes"
                             class="authentication-type authentication-type-required-attributes">
                            <div class="ccm-required-attribute-form"
                                 style="height:340px;overflow:auto;margin-bottom:20px;">
                                <?php
                                foreach ($required_attributes as $key) {
                                    echo $attribute_helper->display($key, true);
                                }
                                ?>
                            </div>
                            <div class="form-group">
                                <button class="btn btn-primary pull-right"><?php echo t('Submit') ?></button>
                            </div>
 
                        </div>
                    </form>
                    <?php
                } else {
                    /** @var AuthenticationType[] $activeAuths */
 
                    foreach ($activeAuths as $auth) {
                        ?>
                        <div data-handle="<?php echo $auth->getAuthenticationTypeHandle() ?>"
                             class="authentication-type authentication-type-<?php echo $auth->getAuthenticationTypeHandle() ?>">
                            <?php $auth->renderForm($authTypeElement ?: 'form', $authTypeParams ?: array()) ?>
                        </div>
                    <?php
                    }
                }
                ?>
            </div>
        </div>
    </div>
     <div style="clear:both"></div>
 
    <style type="text/css">
 
        div.login-form hr {
            margin-top: 10px !important;
            margin-bottom: 5px !important;
        }
 
        ul.auth-types {
            margin: 20px 0px 0px 0px;
            padding: 0;
        }
 
        ul.auth-types > li > .fa,
        ul.auth-types > li svg,
        ul.auth-types > li .ccm-auth-type-icon {
            position: absolute;
            top: 2px;
            left: 0px;
        }
 
        ul.auth-types > li {
            list-style-type: none;
            cursor: pointer;
            padding-left: 25px;
            margin-bottom: 15px;
            transition: color .25s;
            position: relative;
        }
 
        ul.auth-types > li:hover {
            color: #cfcfcf;
        }
 
        ul.auth-types > li.active {
            font-weight: bold;
            cursor: auto;
        }
    </style>
 
    <script type="text/javascript">
        (function ($) {
            "use strict";
 
            var forms = $('div.controls').find('div.authentication-type').hide(),
                select = $('div.ccm-authentication-type-select > select');
            var types = $('ul.auth-types > li').each(function () {
                var me = $(this),
                    form = forms.filter('[data-handle="' + me.data('handle') + '"]');
                me.click(function () {
                    select.val(me.data('handle'));
                    if (typeof Concrete !== 'undefined') {
                        Concrete.event.fire('AuthenticationTypeSelected', me.data('handle'));
                    }
 
                    if (form.hasClass('active')) return;
                    types.removeClass('active');
                    me.addClass('active');
                    if (forms.filter('.active').length) {
                        forms.stop().filter('.active').removeClass('active').fadeOut(250, function () {
                            form.addClass('active').fadeIn(250);
                        });
                    } else {
                        form.addClass('active').show();
                    }
                });
            });
 
            select.change(function() {
                types.filter('[data-handle="' + $(this).val() + '"]').click();
            });
            types.first().click();
 
            $('ul.nav.nav-tabs > li > a').on('click', function () {
                var me = $(this);
                if (me.parent().hasClass('active')) return false;
                $('ul.nav.nav-tabs > li.active').removeClass('active');
                var at = me.attr('data-authType');
                me.parent().addClass('active');
                $('div.authTypes > div').hide().filter('[data-authType="' + at + '"]').show();
                return false;
            });
 
            <?php
            if (isset($lastAuthType)) {
                ?>
                $("ul.auth-types > li[data-handle='<?php echo $lastAuthType->getAuthenticationTypeHandle() ?>']")
                    .trigger("click");
                <?php
            }
            ?>
        })(jQuery);
    </script>
</div>

My assumption is that I need to modify this line to point concrete to the override:

$form = Loader::helper('form');

Thank you for your help

wwwbtroyi

MrKDilkington replied on Apr 26, 2017 at 10:50 pm Permalink Reply

@wwwbtroyi

Since you needed to modify the text inside the login form itself, and not the login page, I updated the override instructions.

surefyre replied on May 23, 2017 at 8:36 am Permalink Reply

Trying to do this from a package... thought maybe <package>/authentication or <package>/application/authentication might work but no joy.

Can this be done?

Forums

Developing (v7+)

Modifying the labels in the login boxes

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?