[rz] iFrame/extended *** UPD 2019-Feb-21 ***
Posted: Thu Jul 28, 2016 8:25 am
[rz] iFrame/extended v1.3
This is the solution to have inline frames with extended support for iOS-based mobiles and show them like standard iframes but with extra advanced features.
Some features:
- iOS-based mobiles support.
- RWD and fluid support.
- Borders with crossbrowser uniformity.
- Background transparency with backward compatibility.
- Optional background color while the content is being loaded
...and more!
HTML 4.01 Transitional
W3C compliant
DEMO
* New in version 1.3
- Improved optional image positioning on locked content.
- Improved locking content on mobiles.
- Improved code.
* New in version 1.2
- Optional image (with custom position, offset, size and time) while the content is being loaded.
- Improved backward/crossbrowser compatibility.
- Code moved to an external library.
* New in version 1.1
- Lock scroll feature; it allows to connect to an external site and disallow contents scrolling at specified coordinates - useful to display information like widgets, etc.
How to use?
1. Design your form as you usually do.
2. Instead of use the standard iframe object, drag and drop the extension.
3. Enter the page you want to embed and display within the main page you designed.
4. Optionally, setup the instance to fit your design scheme and define its behavior.
5. Preview or publish.
Important!
Please note that some (external) sites cannot be opened within an inline frame due to security restrictions and/or author's policies.
Enjoy!
This is the solution to have inline frames with extended support for iOS-based mobiles and show them like standard iframes but with extra advanced features.
Some features:
- iOS-based mobiles support.
- RWD and fluid support.
- Borders with crossbrowser uniformity.
- Background transparency with backward compatibility.
- Optional background color while the content is being loaded
...and more!
HTML 4.01 Transitional
W3C compliant
DEMO
* New in version 1.3
- Improved optional image positioning on locked content.
- Improved locking content on mobiles.
- Improved code.
* New in version 1.2
- Optional image (with custom position, offset, size and time) while the content is being loaded.
- Improved backward/crossbrowser compatibility.
- Code moved to an external library.
* New in version 1.1
- Lock scroll feature; it allows to connect to an external site and disallow contents scrolling at specified coordinates - useful to display information like widgets, etc.
How to use?
1. Design your form as you usually do.
2. Instead of use the standard iframe object, drag and drop the extension.
3. Enter the page you want to embed and display within the main page you designed.
4. Optionally, setup the instance to fit your design scheme and define its behavior.
5. Preview or publish.
Important!
Please note that some (external) sites cannot be opened within an inline frame due to security restrictions and/or author's policies.
Enjoy!