White font on white background

9 replies · opened Dec 20, 2021

MMaximM777Dec 20, 2021

In source file: forms-booking-reservation.html the text in "Select Persons" is white on white background, how to fix it?

MMaximM777Dec 21, 2021

How many requests per minute can form.php process on a simple VPS?

MMaximM777Dec 21, 2021

Please tell me where the fields of the letter are edited

MMaximM777Dec 21, 2021

)))

SSemicolon WebSTAFFDec 22, 2021

Hello,

  1. This is a Firefox Bug. Consider adding the .form-select Class to the `` Element.

  2. There are no limits on the Form from our end or in the codes. This completely depends on your Web Hosting provider. Please consider contacting them for more details on this.

  3. To change the Language of the Field Names, you will need to Translate this in the Form’s HTML Code itself. Simply find the following code in your Form’s HTML Codes: name="template-contactform-name" and replace the name with your Translated Text. Example: name="template-contactform-nombre" .

This will display as Nombre in the Form Response Email.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

MMaximM777Dec 22, 2021
  1. This is a Firefox Bug. Consider adding the .form-select Class to the <select> Element.
  • I am using google chrome, but that helped fix the error.
  1. To change the Language of the Field Names, you will need to Translate this in the Form’s HTML Code itself. Simply find the following code in your Form’s HTML Codes: name="template-contactform-name" and replace the name with your Translated Text. Example: name="template-contactform-nombre" .

This will display as Nombre in the Form Response Email.

  • Sorry, no changes(((
MMaximM777Dec 22, 2021

Codes: name=”template-contactform-name”
Will this field accept Russian text?

Codes: name=”template-contactform-количество-гостей”

SSemicolon WebSTAFFDec 23, 2021

Hello,

  1. Yes, this should be Phone. Can you please consider trying this again? And yes you can use any Language.

Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

MMaximM777Dec 27, 2021
  1. Yes, this should be Phone. Can you please consider trying this again? And yes you can use any Language.
  • Hi! Everything is working. Most likely the old code was in the cache

I still have a lot of questions about this form. I hope I don’t bother you ...

1. This piece of code is responsible for displaying the date in this form forms-booking-reservation.html

jQuery(document)
                       $('.travel-date-group').datepicker({
				autoclose: true,
				todayHighlight: true,
				startDate: "0 days",
				format: "mm/dd/yyyy"
			}).on('changeDate', function(){
				let dayCheckin = new Date( checkIn.prop('value') ),
					dayCheckout = new Date( checkOut.prop('value') ),
					nights = ( dayCheckout.getTime() - dayCheckin.getTime() ) / (1000 * 3600 * 24);
				$( ".time-value" ).html( nights + '' );
			});

When I change the format: "mm/dd/yyyy" on format: "dd/mm/yyyy", this block stops working (Screenshot_3).

2. You already understood that I do not know html very well. Could you explain to me how add the disabled attribute to the


   Забронировать
 

before data validation, so that false reports about the form submission are not added to the metric.

3. Why do mobile versions have such poor PageSpeed ​​Insights performance? No more than 50 points.
https://pagespeed.web.dev/report?url=https%3A%2F%2Fxn-----8kcgnebq1af1fl9d5b.xn--p1ai%2Fdemo-interior-design.html
On this page I have inserted only a few of my photos, I have not changed the code ...

4. Loading = "lazy" does not work on this block (Screenshot_4) and in these sections:

Thank you for your patience!

SSemicolon WebSTAFFDec 29, 2021

Hello,

Thanks for your Patience!

Glad that the issues with the Form was resolved!

  1. Currently, only this Date Format: mm/dd/yyyy is supported due to JS Date constructor constraints for calculating days. So, for this Form, you can use only this Format at the moment.

  2. Currently, the styling for Disabled Buttons is not included with Canvas. You can consider using the following CSS code:

.button-disabled {
	opacity: 0.65;
	pointer-events: none;
}

and then simply add the .button-disabled Class to the .button Element.

  1. Google Page Speed has many rules other than Image Optimization. It also depends on your Hosting Server Speed, Server Configurations and File Minifications. Please consider checking and applying these tips: https://docs.semicolonweb.com/docs/getting-started/website-optimization-tips/ .

  2. Consider using the inbuilt and optimized method for Lazy Loading: https://docs.semicolonweb.com/docs/shortcodes/lazy-loading/ .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard