[rz] FullScreen iFrame (site wrapper) *** UPD 2013-Nov-12 **

[RZ] · Post by **[RZ]** » Sun May 06, 2012 9:40 am

[rz] Fullscreen Inline Frame (site wrapper) - v2.0.0

This extension wraps your whole website and adds to it more functionality.
This is not another standard inlineframe... but a resizable one as your browser!

Some features / applications:

1. You can have hidden controls for non-stop background music.
2. Hide long URLs.
3. All-purpose fixed areas for advertisements, menu, images, links, etc...
4. Whole temporary changes in a snap and with ease; heavy maintenance not-needed anymore!
5. Many redirection options in case of unsupported schemes in old Internet Explorer versions.
6. Really lightweight.
7. Limited by your imagination.

* Works in all major browsers: IEquirks, IE7, IE8, IE9, IE10, FireFox, Safari, Chrome, Opera, Maxthon, Lunascape.

* New in v2.0.0:

New faster and smoother core, rewritten and optimized from scratch.
Supports many redirection options (including alert-box messages) in case of unsupported schemes in old Internet Explorer versions.
Transparency support even in older browsers.

* New in v1.0.1:

Centered pages are now allowed, this means that there is no need to use layers anymore in the fixed area to center content.
Partially worked-around an annoying issue in chromium for tablets based on android.

DEMO

HTML 4.01 Transitional
W3C compliant

How to use?

1. Drag and drop this extension.
2. Enter the link to as in standard inline frames.
3. Define your fixed area by the frame-margins (optional).
4. Setup redirection options in case of unsupported schemes in older browsers (optional).
5. Publish or preview.

Enjoy!

* Resize your browser to see it in action!

[RZ] · Post by **[RZ]** » Mon May 07, 2012 5:03 am

Bosun wrote:Good job RZ. Unfortunately, am finding it difficult displaying internal web page upon preview in the browser. Secondly, does it support multiple instances of the same extension on a page?

thank you.
1) you can display any internal page as regular inlineframes, all depends what you want to display, i.e. php pages won't be displayed, php must be published on a server that supports php. in the other hand, "find difficult", "doesn't work", etc, doesn't help to be helped; please give as many details as you can; what are you trying to do? which steps?
2) this extension doesn't support multi-instance, it is not applicable. how many times you can wrap your site? if you want to use more than one inlineframe you can do it of course, use regular inlineframes. this extension is a whole site wrapper. please read the features/applications in the demo online or in the file that comes with the extension.

[RZ] · Post by **[RZ]** » Mon May 07, 2012 5:09 am

zotekW7 wrote:hi RZ can you please upload sample project?
thanks

instead of drag and drop a regular inlineframe, you can drag and drop this extension, it works the same as inlineframes, the same rules. the only difference is that you can define margins and is automatically resizable (as you resize your browser, such as maximizing it).

stamjoe · Post by **stamjoe** » Mon May 07, 2012 10:40 am

RZ nice work...!!!
Thanks
Joe

[RZ] · Post by **[RZ]** » Mon May 07, 2012 11:10 am

thank you joe!

me.prosenjeet · Post by **me.prosenjeet** » Wed May 09, 2012 4:23 pm

Hi RZ,
Nice extension indeed.

Consider this, if it is possible. In this same iframe extension is it possible to display multiple urls by using something like a dropdown menu on the top. The way you have done on your demo page. Or if you can suggest something to achieve it.

[RZ] · Post by **[RZ]** » Wed May 09, 2012 4:44 pm

thank you me for your post.
well, you have these alternatives (may be others, of course):

1. this one i used in the online demo: viewtopic.php?f=42&t=46800
2. in this extension, you can use the margins, they are intended to be used as "fixed areas".

both ways allow you to have visible menus (or what you want).
if you are referring to something else, please let me know.

me.prosenjeet · Post by **me.prosenjeet** » Wed May 09, 2012 5:43 pm

Thansk for a super quick response.

Actually I am looking for something like this:

A page has a sticky layer at the top with a drop dowwn menu. Now when any of the l;inks are selected in that menu, it opens below the sticky layer (using your full page iframe type)...any link selected in the menu will change the display a different link in the iframe below.

Is it possibl;e to achieve?

[RZ] · Post by **[RZ]** » Wed May 09, 2012 5:56 pm

sure!
you can use this extension as usually do with regular iframes.
1. drag and drop this extension instead of an iframe (lol)
2. define your fixed areas (top/bottom/left/right)
3. in these fixed areas design what you want (in this case a menu)
4. when you define your links to (in your menu), also enter the target window or frame as you usually do:
target: open in another window or frame
value: rzFullsizeIframe (this value is fixed and cannot be changed because is not applicable more than one instance)
that's all!

ps: you don't need sticky layers, the extension by itself has fixed areas.

me.prosenjeet · Post by **me.prosenjeet** » Wed May 09, 2012 6:09 pm

Hi,

RZ that worked like a charm!!!!!

You saved my day.....

Thanks partner!

[RZ] · Post by **[RZ]** » Wed May 09, 2012 6:14 pm

glad to know it!
thank you for your feedback, really appreciated.
hope to see your work online soon!

me.prosenjeet · Post by **me.prosenjeet** » Wed May 09, 2012 8:12 pm

Rz
Try this link:
http://lucknowwebs.com/templates/templatepreviews
Appreciate your help and extension

[RZ] · Post by **[RZ]** » Wed May 09, 2012 8:15 pm

congrats, really well done!
(what do you think about the "slidable" header extension?)

me.prosenjeet · Post by **me.prosenjeet** » Wed May 09, 2012 8:22 pm

[RZ] wrote:congrats, really well done!
(what do you think about the "slidable" header extension?)

Oh love that too, certainly innovative. Will use it someday.

Keep up your unique extensions....Great Job!

[RZ] · Post by **[RZ]** » Wed May 09, 2012 8:26 pm

thank you for your kind and encouraging words.

me.prosenjeet · Post by **me.prosenjeet** » Wed May 09, 2012 8:27 pm

You know what, I was trying to achieve this for a long time...your extension did the trick

[RZ] · Post by **[RZ]** » Wed May 09, 2012 8:28 pm

glad to know this extension helped to accomplish your scheme.
thanks again for your words.

Patr100 · Post by **Patr100** » Wed May 09, 2012 9:40 pm

Hi this looks really useful but when I test it the iframe is set to to the right by default . I could try to adjust (I have set ti as below but why is it not centred?My webpage is set to centre.
Settings re
top 250 ( I assume pixels)
right 0
bottom 0
left 0
see test page

url removed

[RZ] · Post by **[RZ]** » Wed May 09, 2012 9:49 pm

i'm sorry.
currently centered page as a container is not supported.
i will try my best to fix it as soon as i can.
in the meanwhile, you can workaround this as follows:
put a sizable layer (full-wide) on the reserved area at the top of your page (as you currently have, 250px), and select alignment "center"; this will solve your issue.
regards and thank you for your interest in this extension.

Patr100 · Post by **Patr100** » Wed May 09, 2012 9:57 pm

[RZ] wrote:i'm sorry.
currently centered page as a container is not supported.
i will try my best to fix it as soon as i can.
in the meanwhile, you can workaround this as follows:
put a sizable layer (full-wide) on the reserved area at the top of your page (as you currently have, 250px), and select alignment "center"; this will solve your issue.
regards and thank you for your interest in this extension.

Thanks I think I just tried that but no better it doesn't affect the iframe which still is aligned to the right with space on the left?

[RZ] · Post by **[RZ]** » Wed May 09, 2012 10:01 pm

remove the center page option, and select don't center page instead.
after that, make your header with a stretchable layer and select center content in its options.

Patr100 · Post by **Patr100** » Wed May 09, 2012 10:30 pm

[RZ] wrote:remove the center page option, and select don't center page instead.
after that, make your header with a stretchable layer and select center content in its options.

Ok removing the page centering helped - I made the layer relative horizontal size and position with centred content and seems Ok now.
Should be a really useful simple tool to integrate say Wordpress with a WB built static site navigation.

-

[RZ] · Post by **[RZ]** » Wed May 09, 2012 10:34 pm

you got the point.

[RZ] · Post by **[RZ]** » Thu May 10, 2012 10:20 am

FIX available:
Centered pages are now allowed, this means that there is no need to use layers anymore in the fixed area to center content.
Partially worked-around an annoying issue in chromium for tablets based on android.

supersonictt · Post by **supersonictt** » Thu May 10, 2012 12:30 pm

me.prosenjeet wrote:Rz
Try this link:
http://lucknowwebs.com/templates/templatepreviews
Appreciate your help and extension

Hello me.prosenjeet,
So this page was done using [RZ] extension, right?
I love the extension, plus, I was on your website a few days ago browsing your templates... This way it looks more tidy and professional

(Sorry, it is off-topic, but I like your extensions too

)

@[RZ]
Man, what kind of talent you have?!!! Every time you come up with a new extension I start eagerly finding a space for this new extension to be implemented in my website!
AMAZING work man, you are a true teacher

me.prosenjeet · Post by **me.prosenjeet** » Thu May 10, 2012 3:37 pm

supersonictt wrote:Hello me.prosenjeet,
So this page was done using [RZ] extension, right?
I love the extension, plus, I was on your website a few days ago browsing your templates... This way it looks more tidy and professional
(Sorry, it is off-topic, but I like your extensions too )

Yes, this was created using Rz's extension.

Yes, I agree it looks much streamlined now for my site. Thanks once again to Rz !

[RZ] · Post by **[RZ]** » Thu May 10, 2012 5:06 pm

thank you all for your kind words.
glad to know you find them useful.

me.prosenjeet · Post by **me.prosenjeet** » Fri May 11, 2012 12:21 pm

unzip the folder you downloaded.

From that folder copy and paste the .wbx file into :
C>User>"You">My Documents> WYSIWYG Web Builder>System>Extensions

Open Web Builder and look at the default extension panel on the left and search for the extension there. Click on the extension and drag it on to the page area.

Once the extension shows on the page, double click on it to open the properties/settings

[RZ] · Post by **[RZ]** » Fri May 11, 2012 12:23 pm

@me
thanks, i cannot explain it better.

Patr100 · Post by **Patr100** » Sat May 12, 2012 5:57 pm

[RZ] wrote:FIX available:
Centered pages are now allowed, this means that there is no need to use layers anymore in the fixed area to center content.
Partially worked-around an annoying issue in chromium for tablets based on android.

many thanks for the updated ext, RZ, downloading now to reinstall.

[RZ] · Post by **[RZ]** » Sat May 12, 2012 6:40 pm

thank you for your words.

me.prosenjeet · Post by **me.prosenjeet** » Sat May 12, 2012 6:49 pm

Sorry if I missed something, RZ have you updated the extension? If yes then what are the changes?

[RZ] · Post by **[RZ]** » Sat May 12, 2012 6:51 pm

[RZ] wrote:FIX available:
Centered pages are now allowed, this means that there is no need to use layers anymore in the fixed area to center content.
Partially worked-around an annoying issue in chromium for tablets based on android.

hello me.
i'm copying an earlier post.
hope you can find this fix useful.

supersonictt · Post by **supersonictt** » Mon May 28, 2012 7:48 pm

[RZ] wrote:sure!
you can use this extension as usually do with regular iframes.
1. drag and drop this extension instead of an iframe (lol)
2. define your fixed areas (top/bottom/left/right)
3. in these fixed areas design what you want (in this case a menu)
4. when you define your links to (in your menu), also enter the target window or frame as you usually do:
target: open in another window or frame
value: rzFullsizeIframe (this value is fixed and cannot be changed because is not applicable more than one instance)
that's all!

ps: you don't need sticky layers, the extension by itself has fixed areas.

Hello [RZ]
I am trying to do what me.prosenjeet did, but it seems that I didn't get it right!
In WWB, I have 5 pages: index, page1, page2, page3 and page4.
In the index page, I put a layer (as a header) with 100px height.
In this layer, I put the "Go Menu", I edited the links to page1, page2, page3 and page4, and I also setup the Target: open in another window or frame, and the value: rzFullsizeIframe.
Now I guess I should drop the extension in the index page, setting the top margin to 100px.
Mmm, now how do I link each item in the go menu to open using the extension?

Thanks.

*****EDIT*****
OH sorry [RZ]! It is working! I forgot to click on "Go" to move to the other pages

Sorry for that

[RZ] · Post by **[RZ]** » Mon May 28, 2012 7:53 pm

no problem.
btw, you don't need any layer...

supersonictt · Post by **supersonictt** » Mon May 28, 2012 7:59 pm

[RZ] wrote:no problem.
btw, you don't need any layer...

Oh yeah right, I just tried it now... I put a purple layer, then I deleted it and selected a purple colour as a background for the page and it worked

Thanks a lot for the help [RZ].

It seems you are working on something big, long time no extensions

[RZ] · Post by **[RZ]** » Mon May 28, 2012 8:00 pm

lol

(it seems you didn't find any big in my last extensions?

)

supersonictt · Post by **supersonictt** » Mon May 28, 2012 8:16 pm

No no I didn't mean this at all man!
Well, let me say this:
ALL your extensions are installed on my WWB.
My website (still needs some graphical work with the help of my graphic designer friend) is structured on your layers extensions and button extension.
The advertisement extension will also be used in my site as a login form holder for the clients (once I prepare their pages).
If I am going to use the "CSS3 transition and transforms Intro" in my site, the preloader extension will be used as well.
Since I live in a country where people speak the local language, I guess I have to use the multi language extension.
And you know what, every extension you publish, I try to find a new idea to use it in either my website or other websites am building.
In brief, you are a GENIUS with HUGE extensions! Without your extension I would suffer finding solution YOU simple compacted them in a few extensions!
So, when I said before I don't really know how to thank you (not only for your extension but also for your amazing help and patience with me and other users), I really meant it! And I guess what I wrote up here makes you get my feeling!
Again... THANKS A MILLION [RZ].

[RZ] · Post by **[RZ]** » Mon May 28, 2012 8:20 pm

wow!
thanks for your kind words.
hope to see your sites online soon!

supersonictt · Post by **supersonictt** » Mon May 28, 2012 8:22 pm

Sure you will

and trust me you will be the first to see it

[RZ] · Post by **[RZ]** » Mon May 28, 2012 8:26 pm

thanks again,

iVent · Post by **iVent** » Sun Jul 08, 2012 10:41 am

Interesting to mention is that you can also us miuns value ( eg. -50) as margin, for example to remove a top banner of a inlined webpage

Greetz, iVent

[RZ] · Post by **[RZ]** » Sun Jul 08, 2012 10:56 am

this is the power of the extensions...

(anyhow, the downside is you won't be able to see the scrollbar in full - in case it is needed)

haakoo · Post by **haakoo** » Mon Jul 09, 2012 5:46 am

Sorry RZ but mediafire does block the download
has the message that it is in violation of the terms of service

Hans

[RZ] · Post by **[RZ]** » Tue Jul 10, 2012 7:17 am

sorry for the inconveniences... download link restored.

[RZ] · Post by **[RZ]** » Thu Aug 23, 2012 9:06 am

@pcllw
thanks for your interest in this extension.
i tested the online demo, made with the last version as you say, and didn't find any issue (in safari).
can you post your "problematic" sample project? this way i can see what happens...

Rob · Post by **Rob** » Mon Mar 04, 2013 11:38 pm

May I ask - how does this work in ipad / iphone? Or has this question already been asked? Also, what is the best way to set up in a site using a content place holder?

[RZ] · Post by **[RZ]** » Tue Mar 05, 2013 5:16 am

how does this work in ipad / iphone?

as far as i tested, it works fine; anyhow, please try it by yourself.

Or has this question already been asked?

yes, you already asked about iframes on idevices in another thread (http://wysiwygwebbuilder.com/forum/view ... =5&t=54076). so, please try this extension by yourself so as you can know how it works in your device and how it works for you. also please read some previous posts on this thread that may help you.

Also, what is the best way to set up in a site using a content place holder?

how is this question related to this extension?

with regards and thank you for your interest in this extension.

Rob · Post by **Rob** » Tue Mar 05, 2013 2:18 pm

RS - the other question is what led me to this thread. : - ) Concerning how to set up in a master frame with a content place holder - that is I wanted to set it up so that the header / footer of the master frame was not covered up. Upon playing with it for a few minutes (just to test) I figured out the top and side margins but not the bottom. But thats ok. Now I only have to make up my mind - do I want the inset iframe or the full page iframe for my blog page. Thank you so much.

Edit - changes uploaded. It certainly looks nicer in ipad etc. but not using an ipad on a regular basis how does the scrolling work? Confirm?

[RZ] · Post by **[RZ]** » Tue Mar 05, 2013 2:38 pm

you can set up top right bottom and left margins, this extension was fully tested and is working ok.
i don't have an ipad, i can't confirm, but was tested by others that didn't report any issues.