Place asterisk for required fields after label text (Pro)

simpleContact Support Forums » Hacks

Place asterisk for required fields after label text (Pro)

(3 posts) (2 voices)

Started 7 months ago by Alex
Latest reply from Alex

Tags:

Alex
Administrator

This is a very simple hack. Some people prefer to show the * that indicates required fields after the label text, or to style it differently to the label text. This is how you can do both of those things.

Open sc_admin/include/contact.php

Change line 321 from this ...

if ($indicator_status == 1 && $data["required_status"] == 1) { $label = "* ".$label; }

... to this (all on one line) ...

if ($indicator_status == 1 && $data["required_status"] == 1) { $label = $label." *"; }

That will place the * after the label text, with a strong tag around it that you can use for styling. For example if you wanted the * to be red, add this to your CSS...

label strong { color: red; }

... that should do the job.

Posted 7 months ago #
usrbin
Member

If one looks carefully at the original code there is a space after the asterisk. In the new code, there should be a space BEFORE the asterisk. Just be careful that you don't use the  tag elsewhere in your site as you'll get a red font. Otherwise, this code works great.

Posted 7 months ago #
Alex
Administrator

I left the space out before the * as a personal taste thing. If you prefer to have a space just add one in there :)

About the CSS point, because the selector says label strong it won't interfere with other uses of strong around your website. I used a strong tag because labels are usually formatted as strong by default, so it's a valid but unlikely tag to add. Only strong tags inside a label tag will be affected.

If this selector is still too general for your website, you could add a class. For example:

if ($indicator_status == 1 && $data["required_status"] == 1) { $label = $label." *"; }

You could then use this CSS:

strong.req { color: red; }

Posted 7 months ago #

RSS feed for this topic

Reply

You must log in to post.