Does responsive work with html object referencing size?

Hi George,

Could you please provide the Nicepage Desktop website exported as Project. We'll check it on our side.
Also, please provide a few screenshots that demonstrate the issue.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi George, Could you please provide the Nicepage Desktop website exported as Project. We'll check it on our side. Also, please provide a few screenshots that demonstrate the issue. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

Olivia

All my blocks use exactly the same code to insert the website into the html object so if you can see the what im doing to one block i can apply to all. ok, the screen grabs show size settings for mobile previewed correctly... then i have switched to kindle layout changd the sizes in html and previews correctly but switching back to mobile the preview shows the kindle sizes have been used...

i have also attached the project ...

i was reading the following link but i cnnot figure out how to apply it to my block in Nicepage

Im sorry … i just need a little help

thanks

george

Olivia All my blocks use exactly the same code to insert the website into the html object so if you can see the what im doing to one block i can apply to all. ok, the screen grabs show size settings for mobile previewed correctly... then i have switched to kindle layout changd the sizes in html and previews correctly but switching back to mobile the preview shows the kindle sizes have been used... i have also attached the project ... i was reading the following link but i cnnot figure out how to apply it to my block in Nicepage Im sorry … i just need a little help thanks george

Hello George,

You can set width="100%" for iframe. It may fix you problem.
...................................................
Sincerely,
Borys
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello George, You can set width="100%" for iframe. It may fix you problem. ................................................... Sincerely, Borys Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

Last edited 04 March 2020 by Support Team

Borys
setting iframe width to 100% does NOT make the content responsive - it only makes the container responsive.

The correct way uses css … I need you guys to use my project and the one example i have used in my screenshots...

please read this link https://benmarshall.me/responsive-iframes/
and give me a step guide to use this technique in Nicepage

thanks
george

Borys setting iframe width to 100% does NOT make the content responsive - it only makes the container responsive. The correct way uses css … I need you guys to use my project and the one example i have used in my screenshots... please read this link https://benmarshall.me/responsive-iframes/ and give me a step guide to use this technique in Nicepage thanks george

Hi George,

If you want to use exactly this solution, then we suggest that you use HTML control where you can add custom HTML and CSS. Simply add the recommended HTML code to the control and CSS to the "Edit CSS" window.
Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi George, If you want to use exactly this solution, then we suggest that you use HTML control where you can add custom HTML and CSS. Simply add the recommended HTML code to the control and CSS to the "Edit CSS" window. Please let us know if you have any further questions. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

Olivia

The edit css does not seem to save the css i entered into the file ..
edit css opens the object which contains html css etc for the page i clicked done but if i edit css again nothing appears.

i have attached the project for you to review.

I tried adding the css in the site settings css and clicked done and this time it did save in the file but made no difference to what was previewed in the html object on the page

html is

.iframe-container {
overflow: hidden;
// Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625)
padding-top: 56.25%;
position: relative;
}

.iframe-container iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

and css is

<div class>

</div>

please advise

thanks

george

Olivia The edit css does not seem to save the css i entered into the file .. edit css opens the object which contains html css etc for the page i clicked done but if i edit css again nothing appears. i have attached the project for you to review. I tried adding the css in the site settings css and clicked done and this time it did save in the file but made no difference to what was previewed in the html object on the page html is .iframe-container { overflow: hidden; // Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625) padding-top: 56.25%; position: relative; } .iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } and css is &lt;div class&gt; &lt;/div&gt; please advise thanks george

Olivia

I am still waiting for a reply pease

the project is attached 2 to 3 posts previous

please help

george

Olivia I am still waiting for a reply pease the project is attached 2 to 3 posts previous please help george

Hello

Please respond to this question... I have been waiting a long time

Hello Please respond to this question... I have been waiting a long time

George,

Sorry for the delay.
Here how you can add additional CSS for your iframes.
1. You need to add custom CSS class by entering it into the CSS Class input field:

2. Open Edit CSS dialog by clicking on Edit CSS Button. And insert your CSS to the dialog:

3. Then go to the Preview to check the result. The iFrame has full width:

4. Make the same actions for all iframe controls.

...................................................
Sincerely,

Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

George, Sorry for the delay. Here how you can add additional CSS for your iframes. 1. You need to add custom CSS class by entering it into the CSS Class input field: !AddCssClass.png! 2. Open Edit CSS dialog by clicking on Edit CSS Button. And insert your CSS to the dialog: !AddCssDialog.png! 3. Then go to the Preview to check the result. The iFrame has full width: !Preview.png! 4. Make the same actions for all iframe controls. ................................................... Sincerely, Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

Im having the same issue. Please explain how to do this. The example provided here does not work

Im having the same issue. Please explain how to do this. The example provided here does not work

Last edited 26 October 2020 by ocularvr.com

...ain't working for me either!

...ain't working for me either!

Hi,

It is not a good practice to use iframes. You can make the iframe container itself responsive by using the width:100% property but it won't resize the content of your iframe. Iframe loads the external content that cannot be affected by the CSS code of the current page where the iframe is inserted.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, It is not a good practice to use iframes. You can make the iframe container itself responsive by using the width:100% property but it won't resize the content of your iframe. Iframe loads the external content that cannot be affected by the CSS code of the current page where the iframe is inserted. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp