<?xml version="1.0" encoding="utf-8"?>
<!-- generator="ThemeXpert" -->
<?xml-stylesheet href="https://www.themexpert.com/media/quixnxt/css/quix-core.css?ver=4.5.4" type="text/css"?>
<feed xmlns="https://www.w3.org/2005/Atom"  xml:lang="en-gb">
	<title type="text">WordPress &amp; Joomla Documentation - ThemeXpert</title>
	<subtitle type="text">ThemeXpert: Joomla's oldest and most trusted template and extension club since 2010 with the best page builder, Quix.</subtitle>
	<link rel="alternate" type="text/html" href="https://www.themexpert.com"/>
	<id>https://www.themexpert.com/docs/quix-builder/troubleshooting</id>
	<updated>2024-08-09T15:22:43+06:00</updated>
	<author>
		<name>ThemeXpert</name>
		<email>support@themexpert.com</email>
	</author>
	<generator>ThemeXpert</generator>
	<link rel="self" type="application/atom+xml" href="https://www.themexpert.com/docs/quix-builder/troubleshooting?format=feed&amp;type=atom"/>
	<entry>
		<title>Quix icon only shows up in the editor, not on the front-end</title>
		<link rel="alternate" type="text/html" href="https://www.themexpert.com/docs/quix-builder/troubleshooting/quix-icon-not-appers-in-the-frontend"/>
		<published>2023-03-29T10:47:07+06:00</published>
		<updated>2023-03-29T10:47:07+06:00</updated>
		<id>https://www.themexpert.com/docs/quix-builder/troubleshooting/quix-icon-not-appers-in-the-frontend</id>
		<author>
			<name>Mazharul Islam</name>
			<email>swopnil420@gmail.com</email>
		</author>
		<summary type="html">&lt;p&gt;Enabling &lt;strong&gt;allow_url_fopen&lt;/strong&gt;&amp;nbsp;is essential for displaying the Quix icon correctly on your website's front-end. Talk to your server administrator to enable this option, as they can guide you on the necessary steps, such as modifying the server's PHP configuration (php.ini) file or using a PHP function like &lt;strong&gt;ini_set&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;Remember that allowing remote file access can be risky, so it's important to be cautious when accessing remote URLs.&lt;/p&gt;</summary>
		<content type="html">&lt;p&gt;Enabling &lt;strong&gt;allow_url_fopen&lt;/strong&gt;&amp;nbsp;is essential for displaying the Quix icon correctly on your website's front-end. Talk to your server administrator to enable this option, as they can guide you on the necessary steps, such as modifying the server's PHP configuration (php.ini) file or using a PHP function like &lt;strong&gt;ini_set&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;Remember that allowing remote file access can be risky, so it's important to be cautious when accessing remote URLs.&lt;/p&gt;</content>
		<category term="Troubleshooting" />
	</entry>
	<entry>
		<title>How to fix Gmail SMTP authentication error.</title>
		<link rel="alternate" type="text/html" href="https://www.themexpert.com/docs/quix-builder/troubleshooting/how-to-fix-gmail-smtp-authentication-error"/>
		<published>2022-06-28T12:15:31+06:00</published>
		<updated>2022-06-28T12:15:31+06:00</updated>
		<id>https://www.themexpert.com/docs/quix-builder/troubleshooting/how-to-fix-gmail-smtp-authentication-error</id>
		<author>
			<name>Pronob Mozumder</name>
			<email>pronobmozumder.info@gmail.com</email>
		</author>
		<summary type="html">&lt;p style=&quot;line-height: 1.38;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;div style=&quot;line-height: 1.38;&quot;&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;If you're using Gmail SMTP details for SMTP mailer, you may have started facing difficulty in sending emails. Less Secure Apps was a feature in Gmail that allowed software and devices to sign in to your Gmail account with your main Google username and password.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img&gt;&lt;span style=&quot;border: none; display: inline-block; overflow: hidden;&quot;&gt;&lt;img src=&quot;https://lh3.googleusercontent.com/IGfrY0ie07PzD_-uidBlrOvgSw-Ql4bGSF_G0KvvvB7U7aRnVBfSDf21e85UAhVfpkMkGTm4lc1YEMCIkFL7-EH8PCBb3D30g8GaFjZctNtk07K5GDaTjNIRKzFgOwoOtYheAe5WpJAlv2JYww&quot; width=&quot;624&quot; style=&quot;margin: 0 auto 0 0; display: block; text-align: left; width: 529px; height: 85.9386px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Now, Google has decided to&amp;nbsp;&lt;/span&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;begin phasing out Less Secure Apps from May 30th, 2022.&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;nbsp;Google Workspace and Google Cloud Identity users won’t be affected right away, but support for Less Secure Apps will still be phased out for those users at a later date.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 14pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;So, How to Switch From Less Secure Apps?&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Now, you can set up an app password in your Google account. An app password works like an alternate password for your account. It can only be used by the applications you share it with, so it’s more secure than sharing your primary password.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;If you’d like to use an app password, you'll need to turn on&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://support.google.com/accounts/answer/185839&quot; style=&quot;text-decoration: none;&quot;&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #1155cc; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;two-factor authentication&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;nbsp;for your Google account first. After that, you can create an app-specific password.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;To do so, go to&lt;/span&gt; &lt;a href=&quot;https://myaccount.google.com/security&quot; style=&quot;text-decoration: none;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #1155cc; background-color: transparent; font-variant: normal; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Google Account &amp;gt; Security&lt;/span&gt;&lt;/strong&gt;&lt;/a&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;nbsp;&amp;gt; Signing in to Google &amp;gt; App passwords.&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Step 1:&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;nbsp;You can select App.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;border: none; display: inline-block; overflow: hidden;&quot;&gt;&lt;img src=&quot;https://lh3.googleusercontent.com/8EJTcfgPu6-cq8WTHz0lp1EF8r1lgSxBohFmv8raeiqGYhB76WhnVG_eR9mYB5avl2tBK2F5n-EQ3YPWZPWpul9_6y_YlCDVLmBOCvboqsCm2I9O02iL86k7pv5p5OBRmsWiVZn5QOxlB7tJxA&quot; width=&quot;419&quot; height=&quot;318.16564417177915&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Step 2:Select your device (&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;You can use a custom name for the device. Like, I set&amp;nbsp;&lt;/span&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Ubuntu&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;nbsp;previously&lt;/span&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;).&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;border: none; display: inline-block; overflow: hidden;&quot;&gt;&lt;img src=&quot;https://lh5.googleusercontent.com/EbISmbRhksuchuthrIs91EmH0BciqP74wnrY42u2ze2NI4l35NDzp7IiFNORToTu8inJMzMgWgzBTsS84sAoIzUoHw9Wc04U0VAXhzVo3Y_7JaGlKBcRTt_UwobDypnMWqMao8HMEqQLL_3AZg&quot; width=&quot;636&quot; height=&quot;582&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Step 3:&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Click to&amp;nbsp;&lt;/span&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;GENERATE.&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Step 4: Yes!&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;nbsp;Your app password is ready. Now you can use it for authentication.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;border: none; display: inline-block; overflow: hidden;&quot;&gt;&lt;img src=&quot;https://lh3.googleusercontent.com/tDRfFK9MYWjYJFnZZnkRY23eqWNnih3ygS7QPY-M8jGo8FDmoWjdqTM1aWxGWaAsBH_iV00XRJyQPIBgda2-9Ksm0LHEZjY1OmvAanZpZknW8B7iH7dM8C3jffHAWmYQzs0ORKJJU8Onnkapgg&quot; width=&quot;741.521568627451&quot; height=&quot;608&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10.5pt; font-family: Roboto, sans-serif; color: #3c4043; background-color: #ffffff; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Note: Just like your normal password, this app password grants complete access to your Google Account. You won't need to remember it, so don't write it down or share it with anyone.&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10.5pt; font-family: Roboto, sans-serif; color: #3c4043; background-color: #ffffff; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Source:&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;a href=&quot;https://support.google.com/accounts/answer/185833?hl=en&quot; style=&quot;text-decoration: none;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #1155cc; background-color: transparent; font-variant: normal; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Sign in with App Passwords.&lt;/span&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;</summary>
		<content type="html">&lt;p style=&quot;line-height: 1.38;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;div style=&quot;line-height: 1.38;&quot;&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;If you're using Gmail SMTP details for SMTP mailer, you may have started facing difficulty in sending emails. Less Secure Apps was a feature in Gmail that allowed software and devices to sign in to your Gmail account with your main Google username and password.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img&gt;&lt;span style=&quot;border: none; display: inline-block; overflow: hidden;&quot;&gt;&lt;img src=&quot;https://lh3.googleusercontent.com/IGfrY0ie07PzD_-uidBlrOvgSw-Ql4bGSF_G0KvvvB7U7aRnVBfSDf21e85UAhVfpkMkGTm4lc1YEMCIkFL7-EH8PCBb3D30g8GaFjZctNtk07K5GDaTjNIRKzFgOwoOtYheAe5WpJAlv2JYww&quot; width=&quot;624&quot; style=&quot;margin: 0 auto 0 0; display: block; text-align: left; width: 529px; height: 85.9386px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Now, Google has decided to&amp;nbsp;&lt;/span&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;begin phasing out Less Secure Apps from May 30th, 2022.&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;nbsp;Google Workspace and Google Cloud Identity users won’t be affected right away, but support for Less Secure Apps will still be phased out for those users at a later date.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 14pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;So, How to Switch From Less Secure Apps?&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Now, you can set up an app password in your Google account. An app password works like an alternate password for your account. It can only be used by the applications you share it with, so it’s more secure than sharing your primary password.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;If you’d like to use an app password, you'll need to turn on&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://support.google.com/accounts/answer/185839&quot; style=&quot;text-decoration: none;&quot;&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #1155cc; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;two-factor authentication&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;nbsp;for your Google account first. After that, you can create an app-specific password.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;To do so, go to&lt;/span&gt; &lt;a href=&quot;https://myaccount.google.com/security&quot; style=&quot;text-decoration: none;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #1155cc; background-color: transparent; font-variant: normal; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Google Account &amp;gt; Security&lt;/span&gt;&lt;/strong&gt;&lt;/a&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;nbsp;&amp;gt; Signing in to Google &amp;gt; App passwords.&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Step 1:&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;nbsp;You can select App.&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;border: none; display: inline-block; overflow: hidden;&quot;&gt;&lt;img src=&quot;https://lh3.googleusercontent.com/8EJTcfgPu6-cq8WTHz0lp1EF8r1lgSxBohFmv8raeiqGYhB76WhnVG_eR9mYB5avl2tBK2F5n-EQ3YPWZPWpul9_6y_YlCDVLmBOCvboqsCm2I9O02iL86k7pv5p5OBRmsWiVZn5QOxlB7tJxA&quot; width=&quot;419&quot; height=&quot;318.16564417177915&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Step 2:Select your device (&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;You can use a custom name for the device. Like, I set&amp;nbsp;&lt;/span&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Ubuntu&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;nbsp;previously&lt;/span&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;).&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;border: none; display: inline-block; overflow: hidden;&quot;&gt;&lt;img src=&quot;https://lh5.googleusercontent.com/EbISmbRhksuchuthrIs91EmH0BciqP74wnrY42u2ze2NI4l35NDzp7IiFNORToTu8inJMzMgWgzBTsS84sAoIzUoHw9Wc04U0VAXhzVo3Y_7JaGlKBcRTt_UwobDypnMWqMao8HMEqQLL_3AZg&quot; width=&quot;636&quot; height=&quot;582&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Step 3:&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Click to&amp;nbsp;&lt;/span&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;GENERATE.&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Step 4: Yes!&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;nbsp;Your app password is ready. Now you can use it for authentication.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;border: none; display: inline-block; overflow: hidden;&quot;&gt;&lt;img src=&quot;https://lh3.googleusercontent.com/tDRfFK9MYWjYJFnZZnkRY23eqWNnih3ygS7QPY-M8jGo8FDmoWjdqTM1aWxGWaAsBH_iV00XRJyQPIBgda2-9Ksm0LHEZjY1OmvAanZpZknW8B7iH7dM8C3jffHAWmYQzs0ORKJJU8Onnkapgg&quot; width=&quot;741.521568627451&quot; height=&quot;608&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 1.38;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10.5pt; font-family: Roboto, sans-serif; color: #3c4043; background-color: #ffffff; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Note: Just like your normal password, this app password grants complete access to your Google Account. You won't need to remember it, so don't write it down or share it with anyone.&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;br&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10.5pt; font-family: Roboto, sans-serif; color: #3c4043; background-color: #ffffff; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Source:&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;a href=&quot;https://support.google.com/accounts/answer/185833?hl=en&quot; style=&quot;text-decoration: none;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 11pt; font-family: Arial; color: #1155cc; background-color: transparent; font-variant: normal; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;Sign in with App Passwords.&lt;/span&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;</content>
		<category term="Troubleshooting" />
	</entry>
	<entry>
		<title>Page crashes when you add custom script inside quix page</title>
		<link rel="alternate" type="text/html" href="https://www.themexpert.com/docs/quix-builder/troubleshooting/page-crashes-when-you-add-custom-script-inside-quix-page"/>
		<published>2019-03-27T11:15:19+06:00</published>
		<updated>2019-03-27T11:15:19+06:00</updated>
		<id>https://www.themexpert.com/docs/quix-builder/troubleshooting/page-crashes-when-you-add-custom-script-inside-quix-page</id>
		<author>
			<name>Parvez Akther</name>
			<email>parvez@themexpert.com</email>
		</author>
		<summary type="html">&lt;p&gt;Page crashes when you add custom script inside quix page
The problem is when you add some script, it replaces the entire body or breaking the entire builder or page. &lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;JavaScript Document.Write Replaces All Body Content&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2&gt;Issue:&lt;/h2&gt;
&lt;p&gt;You cannot use &lt;code&gt;document.write&lt;/code&gt; once the document has completed loading. If you do, the browser will open a new document which will replace the current one. &lt;/p&gt;
&lt;h2&gt;Solutions:&lt;/h2&gt;
&lt;p&gt;Use the innerHTML property to put HTML code inside an element:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;function gen_output(ad_content){
  document.getElementById('element-id').innerHTML = ad_content;
}&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Put the element before the script, so that you are sure that it exists when the callback function is called:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;i am text before
&amp;lt;div id=&quot;element-id&quot;&amp;gt;&amp;lt;/div&amp;gt;
i am text after&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;code&gt;&amp;lt;script type=&quot;text/javascript&quot; src=&quot;https://www.themexpert.com/mb.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;It doesn't matter much where you place the script, as nothing will be written to the document where it is.&lt;/p&gt;
&lt;p&gt;For more details, please check this link: &lt;a href=&quot;https://stackoverflow.com/questions/2360076/javascript-document-write-replaces-all-body-content-when-using-ajax&quot;&gt;stackoverflow&lt;/a&gt;&lt;/p&gt;</summary>
		<content type="html">&lt;p&gt;Page crashes when you add custom script inside quix page
The problem is when you add some script, it replaces the entire body or breaking the entire builder or page. &lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;JavaScript Document.Write Replaces All Body Content&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2&gt;Issue:&lt;/h2&gt;
&lt;p&gt;You cannot use &lt;code&gt;document.write&lt;/code&gt; once the document has completed loading. If you do, the browser will open a new document which will replace the current one. &lt;/p&gt;
&lt;h2&gt;Solutions:&lt;/h2&gt;
&lt;p&gt;Use the innerHTML property to put HTML code inside an element:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;function gen_output(ad_content){
  document.getElementById('element-id').innerHTML = ad_content;
}&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Put the element before the script, so that you are sure that it exists when the callback function is called:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;i am text before
&amp;lt;div id=&quot;element-id&quot;&amp;gt;&amp;lt;/div&amp;gt;
i am text after&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;code&gt;&amp;lt;script type=&quot;text/javascript&quot; src=&quot;https://www.themexpert.com/mb.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;It doesn't matter much where you place the script, as nothing will be written to the document where it is.&lt;/p&gt;
&lt;p&gt;For more details, please check this link: &lt;a href=&quot;https://stackoverflow.com/questions/2360076/javascript-document-write-replaces-all-body-content-when-using-ajax&quot;&gt;stackoverflow&lt;/a&gt;&lt;/p&gt;</content>
		<category term="Troubleshooting" />
	</entry>
	<entry>
		<title>The entrance animation does not work on the classic builder</title>
		<link rel="alternate" type="text/html" href="https://www.themexpert.com/docs/quix-builder/troubleshooting/the-entrance-animation-does-not-work-on-the-classic-builder"/>
		<published>2018-10-29T10:28:00+06:00</published>
		<updated>2018-10-29T10:28:00+06:00</updated>
		<id>https://www.themexpert.com/docs/quix-builder/troubleshooting/the-entrance-animation-does-not-work-on-the-classic-builder</id>
		<author>
			<name>Parvez Akther</name>
			<email>parvez@themexpert.com</email>
		</author>
		<summary type="html">&lt;p&gt;Enable the &lt;strong&gt;Init WoW Js&lt;/strong&gt; option from the &lt;strong&gt;System - Quix System Plugin&lt;/strong&gt; from the plugin manager.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/wowjs-quix.png&quot; alt=&quot;&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;</summary>
		<content type="html">&lt;p&gt;Enable the &lt;strong&gt;Init WoW Js&lt;/strong&gt; option from the &lt;strong&gt;System - Quix System Plugin&lt;/strong&gt; from the plugin manager.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://www.themexpert.com/images/wowjs-quix.png&quot; alt=&quot;&quot; class=&quot;img-responsive&quot; /&gt;&lt;/p&gt;</content>
		<category term="Troubleshooting" />
	</entry>
</feed>
