IFRAME - only one vertical scrollbar - Support | Kriesi.at

Tagged: iframe

Viewing 26 posts - 1 through 26 (of 26 total)

Author

Posts
April 23, 2015 at 4:27 pm #433569

pete4u
Participant

Hi all,

how to show the content of an IFRAME without a scrollbar – content has different length – IFRAME shall adapt in height.

See
https://drive.google.com/file/d/0B0TqEFDVcQi8OUtmVGdjcG5udGM/view?usp=sharing

Thank you for your help!

Regards
Peter

April 24, 2015 at 8:26 am #433937

Rikard
Keymaster

Hi Peter!

Could you provide us with a link to the site in question so that we can take a closer look please?

Cheers!
Rikard

April 24, 2015 at 9:13 am #433964

pete4u
Participant

Hi Rikard,

bitteschön > http://wbe.annafesch.de/vergleichsrechner/

April 24, 2015 at 5:59 pm #434296
Yigit
Keymaster
Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
.page-id-650 .avia_codeblock iframe {
  height: 650px;
}
```
Regards,
Yigit
April 25, 2015 at 9:12 am #434645

pete4u
Participant

Hi Yigit,

your css works for this page: http://wbe.annafesch.de/vergleichsrechner/

But when I click at “Bauleistungsversicherung” the height is not enough – the second vertical scrollbar comes up.
So several pages would need 2000px other 1000px.
I need a solution which provides a screen with only one vertical scrollbar while the content in the iframe is variable in height.

Any idea?
Thank you very much for your help!!

Best Regards
Peter

April 27, 2015 at 3:05 pm #435297

Yigit
Keymaster

Hey Peter!

I could not see iframe on your “Bauleistungsversicherung” page. It seems like we are going to need to apply solutions separately to each of your iframe codes. If you do not mind posting link to your pages where you have those codes, we can provide you accurate custom CSS code.

Regards,
Yigit

May 18, 2015 at 5:03 pm #445835

Dino
Participant

Hi,

I don’t make a new topic because I got the same problem.
Can someone help?

May 18, 2015 at 5:07 pm #445839

Yigit
Keymaster

Hey!

You can go to Enfold sub forum and scroll to bottom to start a new thread – https://kriesi.at/support/forum/enfold/#new-topic-0

Cheers!
Yigit

May 18, 2015 at 5:16 pm #445858

Dino
Participant

Hi Yigit,

no need for I have the same problem see https://drive.google.com/open?id=0B-ZSV3IlCXZuRC0zM3hvNGFxVGc&authuser=0

May 18, 2015 at 5:17 pm #445863

Yigit
Keymaster

Hi!

Please post the link to your page where we can see the issue

Best regards,
Yigit

May 18, 2015 at 5:19 pm #445866

Dino
Participant

http://www.acus-reisen.de/

May 18, 2015 at 7:32 pm #445978

Dino
Participant

any solution?

May 18, 2015 at 8:30 pm #446021

pete4u
Participant

wie kann die Scrollbar der aufrufenden Seite ausgeblendet werden?

May 18, 2015 at 9:41 pm #446038
Yigit
Keymaster
Hi!

@carodin Please turn on custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then give the text block you added your code a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab
```
.your-custom-class iframe { height: 650px; }
```
@pete4u Can you please elaborate? Or translate your query to English? If you are more comfortable speaking in German, that is ok, i can ask my teammates who speak German to check the topic :)

Best regards,
Yigit
May 18, 2015 at 10:39 pm #446084
Dino
Participant
Hi,

@Yigit thx Yigit I will try it.

@pete4u gehe so for: suche bitte die Page-ID von der Seite http://wbe.annafesch.de/vergleichsrechner/. Die findest du wenn du die Seite bearbeitest und dann dir den Kurzlink anzeigen lässt https://drive.google.com/file/d/0B-ZSV3IlCXZuQ0p3em9kRl9fdDA/view?usp=sharing. Ersetzte die “XXX” durch die Page-ID und füge den code in die Quick CSS .page-id-XXX .avia_codeblock iframe {
height: 680px;
}
- This reply was modified 9 years, 7 months ago by Dino.
May 21, 2015 at 3:44 am #447529
Josue
Inactive Moderator
Hi!

The total height of the iframed content is 1024px so if you want the scrollbars to disappear you’d need to set the iframe that height:
```
.buchungs-maske iframe {
  height: 1024px;
  margin: 0px;
}
```
Regards,
Josue
May 21, 2015 at 12:04 pm #447691

Dino
Participant

Hi Josue,

I did it, I turn on Custom CSS Class field and put the code to Quick CSS but nothing changes.

Regards,
Dino

May 22, 2015 at 4:21 pm #448426

Dino
Participant

any idea why the Custom CSS Class field don’t work?

May 22, 2015 at 4:30 pm #448436

Yigit
Keymaster

Hi!

Please make sure that wp-content/uploads folder has correct permissions ( 755 ) – http://codex.wordpress.org/Changing_File_Permissions
Also, please disable CSS minifying feature if you are using on a plugin

Regards,
Yigit

May 22, 2015 at 4:42 pm #448453

Dino
Participant

Hi,

thx Yigit it works, it was the permissions. But now I have a other scrollbar beside the scrollbar from the browser.

May 22, 2015 at 4:46 pm #448459

Yigit
Keymaster

Hi!

I cannot see it. Can you please post a screenshot? Also, which browser and OS are you using?

Regards,
Yigit

May 22, 2015 at 4:53 pm #448460

Dino
Participant

FireFox 38.0.1 and Windows 7 Home Premium https://drive.google.com/file/d/0B-ZSV3IlCXZuSElMVnJFRzVjMEk/view?usp=sharing

May 22, 2015 at 4:56 pm #448462
Yigit
Keymaster
Hey!

Please add following code to Quick CSS as well
```
.buchungs-maske iframe {
    overflow: hidden;
}
```
Best regards,
Yigit
May 22, 2015 at 5:04 pm #448469

Dino
Participant

I did, it’s still there. But this scrollbar is not from the Booking mask. https://drive.google.com/file/d/0B-ZSV3IlCXZuYU02ckU2aXdxYkk/view?usp=sharing

May 22, 2015 at 5:06 pm #448471

Yigit
Keymaster

Hi!

I cannot reproduce the issue on my end. I asked my teammates to check your website ( https://kriesi.at/support/topic/iframe-only-one-vertical-scrollbar/#post-445866 ) on their Windows machines. Please kindly wait to hear from them.

Cheers!
Yigit

May 22, 2015 at 6:28 pm #448540

Dino
Participant

Hi Yagit,

I fix it. You can close this thread.
Thank you very much for the fast support.

Best regards,
Dino
Author

Posts

Viewing 26 posts - 1 through 26 (of 26 total)

The topic ‘IFRAME – only one vertical scrollbar’ is closed to new replies.