Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Fix Checkbox Visibility In V4.10 And V4.11 Rate Topic   - - - - -

 
  • AVO-Ken
  • Advanced Member
  • Members
  • Join Date: 05-Nov 11
  • 144 posts

Posted 08 November 2019 - 06:45 PM #1

The visibility of the checkboxes is terrible since V4.10x. I know this is supposed to be something defined by the browser but it is not that way. CSC has changed something causing this.

 

I will post this as a bug but I was told to post it hear if I wanted to draw attention to it.

 

Please see attached pic which is of an admin page. Really don't care about admin as I (we) know where the checkboxes are. The concern is for our customers and it is really bad on mobile devices

 

 

Checkbox-visbility.jpg

Mobile-device-checkbox.jpg



 
  • AVO-Ken
  • Advanced Member
  • Members
  • Join Date: 05-Nov 11
  • 144 posts

Posted 15 November 2019 - 04:23 PM #2

Doesn't anybody else have this problem. The visibility of the check boxes and radio buttons is horrible since V4.10.X CSC support acknowledges it but won't fix it because they say it is a feature request not a bug. Not sure how the desire to be able to see the boxes is a feature request!!



 
  • johnbol1
  • Never Re
  • Members
  • Join Date: 23-Feb 10
  • 4791 posts

Posted 15 November 2019 - 06:27 PM #3

cant it be fixed by css tweaks ? I dont have this version yet so dont have the problem.

 

something like https://prnt.sc/pxiqrf

input[type="checkbox"] {
  1. -moz-appearance: none;
  2. -webkit-appearance: none;
  3. border: 2px solid rgba(1,1,1,1.1);
  4. border-radius: 3px;
}

Custom printed hi visibility clothing sale the UK's online hivis safety shop
v4.5.2


 
  • AVO-Ken
  • Advanced Member
  • Members
  • Join Date: 05-Nov 11
  • 144 posts

Posted 15 November 2019 - 07:14 PM #4

 

cant it be fixed by css tweaks ? I dont have this version yet so dont have the problem.

 

something like https://prnt.sc/pxiqrf

input[type="checkbox"] {
  1. -moz-appearance: none;
  2. -webkit-appearance: none;
  3. border: 2px solid rgba(1,1,1,1.1);
  4. border-radius: 3px;
}

 

Yes, but it does not work for FireFox on android. It only works for desktop. I have also tried using @media (max-width: 767px) but that does not work either. You can use FireFox developer tools and then put it into mobile mode and it looks like it works but it doesn't work when you check it on your phone.



 
  • AVO-Ken
  • Advanced Member
  • Members
  • Join Date: 05-Nov 11
  • 144 posts

Posted 15 November 2019 - 08:33 PM #5

After poking a little more, I found that the visibility issue for mobile devices is there in V4.9.3

 

V4.10.X did create additional visibility issues which can be resolved for desktop devices with css code.