BETA feedback for Responsive-Classic in v155-beta

[amayze]

I've been doing some research and adding the "required" indicator to the inputs placeholder is becoming increasingly popular and it is cross browser supported. This of course excludes selects, radio and check-boxes.

Surprisingly IMO, it actually looks really nice and eliminates the line breaks on smaller devices.

So I've worked out how to do this in tel_contact_us_default.php:

<label class="inputLabel" for="contactname"><?php echo ENTRY_NAME . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?></label>
<?php echo zen_draw_input_field('contactname', $name, ' size="40" id="contactname"'); ?>
<br class="clearBoth" />

But for the other files that have required fields I'm stuck. e.g. in tpl_modules_create_account.php:

<label class="inputLabel" for="firstname"><?php echo ENTRY_FIRST_NAME; ?></label>
<?php echo zen_draw_input_field('firstname', '', zen_set_field_length(TABLE_CUSTOMERS, 'customers_firstname', '40') . ' id="firstname"') . (zen_not_null(ENTRY_FIRST_NAME_TEXT) ? '<span class="alert">' . ENTRY_FIRST_NAME_TEXT . '</span>': ''); ?>
<br class="clearBoth" />

If I do the following:

<label class="inputLabel" for="firstname"><?php echo ENTRY_FIRST_NAME . (zen_not_null(ENTRY_FIRST_NAME_TEXT) ? '<span class="alert">' . ENTRY_FIRST_NAME_TEXT . '</span>'; ?></label>
<?php echo zen_draw_input_field('firstname', '', zen_set_field_length(TABLE_CUSTOMERS, 'customers_firstname', '40') . ' id="firstname"') : ''); ?>
<br class="clearBoth" />

it breaks the form and nothing is displayed.
My PHP and HTML knowledge was good enough to make my own template for use in 1.3.x and up, but I'm stuck now!
Andy

[rbarbour]

My suggestion was to add the "required" indicator to the inputs placeholder.

A demo of what I mean can be seen here and the files can be downloaded via git

If your looking to move the "required" indicator to the right side of the label then copy what was done on the text area field on the contact us page. It's just an indicator and has no affect over validation nor do the constants need the "null" statement.

<label for="enquiry"><?php echo ENTRY_ENQUIRY . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?></label>

So I've worked out how to do this in tel_contact_us_default.php:

<label class="inputLabel" for="contactname"><?php echo ENTRY_NAME . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?></label>
<?php echo zen_draw_input_field('contactname', $name, ' size="40" id="contactname"'); ?>
<br class="clearBoth" />

But for the other files that have required fields I'm stuck. e.g. in tpl_modules_create_account.php:

<label class="inputLabel" for="firstname"><?php echo ENTRY_FIRST_NAME; ?></label>
<?php echo zen_draw_input_field('firstname', '', zen_set_field_length(TABLE_CUSTOMERS, 'customers_firstname', '40') . ' id="firstname"') . (zen_not_null(ENTRY_FIRST_NAME_TEXT) ? '<span class="alert">' . ENTRY_FIRST_NAME_TEXT . '</span>': ''); ?>
<br class="clearBoth" />

If I do the following:

<label class="inputLabel" for="firstname"><?php echo ENTRY_FIRST_NAME . (zen_not_null(ENTRY_FIRST_NAME_TEXT) ? '<span class="alert">' . ENTRY_FIRST_NAME_TEXT . '</span>'; ?></label>
<?php echo zen_draw_input_field('firstname', '', zen_set_field_length(TABLE_CUSTOMERS, 'customers_firstname', '40') . ' id="firstname"') : ''); ?>
<br class="clearBoth" />

it breaks the form and nothing is displayed.
My PHP and HTML knowledge was good enough to make my own template for use in 1.3.x and up, but I'm stuck now!
Andy

[dw08gm]

See also this thread

https://www.zen-cart.com/showthread....ds-Fluid-Forms

[frank18]

Great work guys!!

Just for general information if someone is looking through the plugins for this template: There is a template by the same name "Responsive Classic" (see https://www.zen-cart.com/downloads.php?do=file&id=1816 ) which is NOT related to this template. So if anyone downloads that older plugin, it is NOT the same as the template discussed in this thread.

[picaflor-azul]

Great work guys!!

Just for general information if someone is looking through the plugins for this template: There is a template by the same name "Responsive Classic" (see https://www.zen-cart.com/downloads.php?do=file&id=1816 ) which is NOT related to this template. So if anyone downloads that older plugin, it is NOT the same as the template discussed in this thread.

That is true! Thank you for posting this, Frank ;)

Thanks,

Anne

[frank18]

That is true! Thank you for posting this, Frank ;)

Thanks,

Anne

Anne, it may even be a good idea to get the name of that older plugin changed to something else - if it is at all possible. After all, your template (discussed in this thread) will be the standard for future ZC releases.

May need to get in touch with swguy (as the plugins moderator) and the original author of that older submission to see if that can be done.

Frank

[DrByte]

Its title has been adjusted.