Left-align iFrame contents

[RunForrestRun]

Hi, is there any way that I could move the contents of this iFrame to the left?

 

[Flowers4Algernon]

Hi, You may try pasting this on the Header DataPage element of your wizard:

<style>

@media only screen and (min-width: 577px) and (max-width: 1024px) {
section[class^="cbFormSection"],
section.cbCalendarReport,
nav.cbCalendarNavBarPanel,
.cbAuthSimpleOuterTable,
.cbAuthSidebarOuterTable {
margin-left: 0% !important;
}

</style>

[TellMeWhy]

On 3/16/2021 at 10:38 AM, RunForrestRun said:

Hi, is there any way that I could move the contents of this iFrame to the left?

 

This happends because the Iframe goes responsive mode, and responsive mode centers every content, if you widen your iframe, it will go back to like the desktop mode aligning to the left. There will be some indention, though, as it is still in an iframe

[Katey1234]

Hello, thanks for asking. Use:- 

<iframe src="example.html" align="left"></iframe>
to align left frame contents. Cheers!!

[PotatoMato]

Hi, you may also check this article: https://www.codegrepper.com/code-examples/html/iframe+align+center. Be sure to use the correct class or ID from Caspio.

Hope this helps.

-Potato