WYSIWYG Web Builder - Whats Wrong ....

M

mei2020

Active member
Nov 23, 2020
181
29
28
Does someone know how to use the inline frame function in WYSIWYG Web Builder properly? Trying to rebuild google drive downloader, but the 'output textbox' previewed in inline frame is not the real size... In fact, its position is not in the middle when uploaded to web hosting... Visit my site to understand more about what i mean:
*Use desktop mode on (phone preview)
*Already use the flexbox function (center)
*Set all position to the page center
*Etc

If u happen to know something about this please reply here.
 
Last edited:
frizzel

frizzel

Well-known member
Trusted Uploader
Jun 13, 2019
485
253
63
Wherever my imagination takes me
I'm not sure what Builder you're using, but I'm wondering where the style properties on that inline frame come from, e.g. the width and height, but also the transform property. Try this:
CSS: 
#Output_Frame {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
}
It doesn't look good right away, as the width and height are not corrected yet, but at least it's in the center.

But yeah, you should definitely also look into those console errors. I think your custom css might not even be loaded: I couldn't find a flexbox property as you claim you have on your elements.
 
M

mei2020

Active member
Nov 23, 2020
181
29
28
frizzel said:
I'm not sure what Builder you're using, but I'm wondering where the style properties on that inline frame come from, e.g. the width and height, but also the transform property. Try this:
CSS: 
#Output_Frame {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
}
It doesn't look good right away, as the width and height are not corrected yet, but at least it's in the center.

But yeah, you should definitely also look into those console errors. I think your custom css might not even be loaded: I couldn't find a flexbox property as you claim you have on your elements.
Click to expand...
Well, maybe in my spare time I'll try your suggestions...

last time I did pull out the associated inline frame from flexbox, because it's position gone wrong (below page footer) or causing inline frame go far to right side & activating the horizontal scrool bar.
 
You must log in or register to reply here.

Similar threads

whyrnld
Automate whatsapp web by websocket API
Replies
3
Views
518
General Tech Discussion
maxpayneinfo
maxpayneinfo
V
How did you get started with learning Web Development? Books, courses, tutorials, etc?
Replies
1
Views
436
General Tech Discussion
otaibabusername
otaibabusername
new_heysup
does tictic have web version?
Replies
0
Views
314
General Tech Discussion
new_heysup
new_heysup
Shakra01
Can you help app web StackFood
Replies
0
Views
567
General Tech Discussion
Shakra01
Shakra01
hina0909
Which web server is best for ecommerce site Nginx vs Openlitespeed?
Replies
6
Views
747
General Tech Discussion
TriniFella
T

Latest posts

Forum statistics

Threads
69,228
Messages
908,456
Members
237,091
Latest member
indobook

Share this page

Share this page

About us

  • Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.

Quick Navigation

Forums Contact us

User Menu

Login
Community platform by XenForo © 2010-2022 XenForo Ltd.
Top Bottom