Page 1 of 2 12 LastLast
Results 1 to 10 of 16
  1. #1
    Join Date
    Jun 2007
    Location
    Eustis, Florida, USA, EARTH
    Posts
    787
    Plugin Contributions
    0

    Default [Not a bug] black asterisiks form placeholder

    registration and contact forms have black asterisks. very annoying.
    ZC v1.5.7 "I was so much older then...I'm younger than that now" Cut the umbilical cord with webhosts after 20 years. FREEDOM!

  2. #2
    Join Date
    Jan 2004
    Posts
    66,350
    Blog Entries
    7
    Plugin Contributions
    271

    Default Re: black asterisiks form placeholder

    Not a bug.

    Those are symbols denoting "required field". You can remove the asterisk via the language file.
    .

    Zen Cart - putting the dream of business ownership within reach of anyone!
    Donate to: DrByte directly or to the Zen Cart team as a whole

    Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
    Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

  3. #3
    Join Date
    Jun 2007
    Location
    Eustis, Florida, USA, EARTH
    Posts
    787
    Plugin Contributions
    0

    Default Re: black asterisiks form placeholder

    Quote Originally Posted by DrByte View Post
    Not a bug.

    Those are symbols denoting "required field". You can remove the asterisk via the language file.
    I wanted RED just like the RED text outside of the form fields. * Required Field

    But then in the form field there a grayish barely visible *

    Follow?
    ZC v1.5.7 "I was so much older then...I'm younger than that now" Cut the umbilical cord with webhosts after 20 years. FREEDOM!

  4. #4
    Join Date
    Nov 2005
    Location
    los angeles
    Posts
    2,042
    Plugin Contributions
    5

    Default Re: black asterisiks form placeholder

    in your css:

    Code:
    ::placeholder {
        color: #FF0000;
    }

    https://developer.mozilla.org/en-US/.../::placeholder
    help with WCAG is now here! PM if you want some help with this. (or any ZC issue).
    if you feel so inclined, feel free to send some cake....

  5. #5
    Join Date
    Jun 2007
    Location
    Eustis, Florida, USA, EARTH
    Posts
    787
    Plugin Contributions
    0

    Default Re: black asterisiks form placeholder

    Quote Originally Posted by carlwhat View Post
    in your css:

    Code:
    ::placeholder {
        color: #FF0000;
    }
    Could not find that. But did find this in english.php

    Code:
      define('FORM_REQUIRED_INFORMATION', '* Required information');
      define('ENTRY_REQUIRED_SYMBOL', '*'); where is the color strribute?
      define('TEXT_FIELD_REQUIRED', '&nbsp;<span class="alert">*</span>');
    ZC v1.5.7 "I was so much older then...I'm younger than that now" Cut the umbilical cord with webhosts after 20 years. FREEDOM!

  6. #6
    Join Date
    Jan 2004
    Posts
    66,350
    Blog Entries
    7
    Plugin Contributions
    271

    Default Re: black asterisiks form placeholder

    The HTML placeholder attribute is only styled/colored via CSS.

    If you want to remove the placeholder and put text outside of the field, be aware that it will require more screen space so you will need to address layouts for mobile screen sizes. You can put the text outside by manually editing the template and reworking all of those form fields.
    The move to using the modern placeholder approach was done a few versions back. You could use some much older templates as a reference for how to put the "field is required" text outside the field, but will have to work on styling it yourself because there wasn't much in those older templates for styling it for mobile devices at that time.
    .

    Zen Cart - putting the dream of business ownership within reach of anyone!
    Donate to: DrByte directly or to the Zen Cart team as a whole

    Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
    Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

  7. #7
    Join Date
    Jun 2007
    Location
    Eustis, Florida, USA, EARTH
    Posts
    787
    Plugin Contributions
    0

    Default Re: black asterisiks form placeholder

    Quote Originally Posted by DrByte View Post
    The HTML placeholder attribute is only styled/colored via CSS.

    If you want to remove the placeholder and put text outside of the field, be aware that it will require more screen space so you will need to address layouts for mobile screen sizes. You can put the text outside by manually editing the template and reworking all of those form fields.
    The move to using the modern placeholder approach was done a few versions back. You could use some much older templates as a reference for how to put the "field is required" text outside the field, but will have to work on styling it yourself because there wasn't much in those older templates for styling it for mobile devices at that time.

    Im not interested in relocating anything. All I want is the placeholder color to match the red footnote. Using a red footnote reminder to reference something that is a different color, say green for the sake of argument, makes no sense. Either make them both black or both red. But have them two different colors makes no sense. At least make the placeholder bold black instead of a light gray.

    Click image for larger version. 

Name:	placeholder2.png 
Views:	11 
Size:	23.5 KB 
ID:	19697

    Click image for larger version. 

Name:	placeholder.png 
Views:	12 
Size:	34.4 KB 
ID:	19698
    ZC v1.5.7 "I was so much older then...I'm younger than that now" Cut the umbilical cord with webhosts after 20 years. FREEDOM!

  8. #8
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    8,071
    Plugin Contributions
    9

    Default Re: [Not a bug] black asterisiks form placeholder

    Have you even tried adding the css as carlwhat suggested?
    Did you read the posting tips?!?
    myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
    Free Domain, SSL, and Magic Thumb with Semi-Annual or longer plan.

  9. #9
    Join Date
    Jun 2007
    Location
    Eustis, Florida, USA, EARTH
    Posts
    787
    Plugin Contributions
    0

    Default Re: [Not a bug] black asterisiks form placeholder

    Quote Originally Posted by dbltoe View Post
    Have you even tried adding the css as carlwhat suggested?

    He did not suggest adding it. He showed a string that I searched for in all of the css files, to adjust the color.

    So if he is suggesting that I add this, it would have been more useful if he said so, and also which css file.
    ZC v1.5.7 "I was so much older then...I'm younger than that now" Cut the umbilical cord with webhosts after 20 years. FREEDOM!

  10. #10
    Join Date
    Jun 2007
    Location
    Eustis, Florida, USA, EARTH
    Posts
    787
    Plugin Contributions
    0

    Default Re: [Not a bug] black asterisiks form placeholder

    Ideally, a red asterisk near the field name (see UPS photo above) would be more intuitive to the user than a tiny gray placeholder. On my screen, its so small that it looks more like a booger than a character.
    Last edited by pixelpadre; 3 Aug 2021 at 01:41 PM.
    ZC v1.5.7 "I was so much older then...I'm younger than that now" Cut the umbilical cord with webhosts after 20 years. FREEDOM!

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Gloss Black New Products sidebox bug?
    By kettletrigger in forum Addon Templates
    Replies: 1
    Last Post: 8 Apr 2009, 03:42 AM
  2. Unwanted black horizontal black strip using firefox
    By Ragenther in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 9 Dec 2008, 04:28 AM
  3. [Not a bug] Don't know if this is a bug or not
    By CCTVSupply2000 in forum Bug Reports
    Replies: 8
    Last Post: 7 May 2007, 05:28 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR