Image/Video popup with textbox
Posted: Tue Jan 24, 2023 1:13 pm
Im really frustated when it come to arrange text box with image or video.
So here the situation :
i tried to put text box beside of image or video, headline and description. so they will popup and close together. I made 2 separates text box for them and arranged beside popup image and video. i put all in one container, and in my laptop view everything popup as my calculation. But when i view from a bigger or less size than my laptop screen, everything broke and doesnt line from each other (the popup image/video and the headline and the description text box.) I tried arranged it with logic scalling Player =< 1024, > 960 and <= 960 to match my cellphone view and any size screen. it not help much, especially when i rotate my cellphone, it came broke again.
So i've been thinking, :
what if someone trying to view it in bigger screen, such a projector? while im building my Skin responsive only using > than 1024, how could i know aligning the element?
how could i arrange something in the Skin that will have a good view from whatever the size of screen ?
i wonder what could go wrong, i already use percentage as i thought the container or the parent of the element above them would contain them and keep them align)
Now in my desperates hours, i create video files include text in it with premier, as my "solution" but still even with this, i still cannot find how to put the X close popup right in the top right the popup window.
check the attachment, thank you.
So here the situation :
i tried to put text box beside of image or video, headline and description. so they will popup and close together. I made 2 separates text box for them and arranged beside popup image and video. i put all in one container, and in my laptop view everything popup as my calculation. But when i view from a bigger or less size than my laptop screen, everything broke and doesnt line from each other (the popup image/video and the headline and the description text box.) I tried arranged it with logic scalling Player =< 1024, > 960 and <= 960 to match my cellphone view and any size screen. it not help much, especially when i rotate my cellphone, it came broke again.
So i've been thinking, :
what if someone trying to view it in bigger screen, such a projector? while im building my Skin responsive only using > than 1024, how could i know aligning the element?
how could i arrange something in the Skin that will have a good view from whatever the size of screen ?
i wonder what could go wrong, i already use percentage as i thought the container or the parent of the element above them would contain them and keep them align)
Now in my desperates hours, i create video files include text in it with premier, as my "solution" but still even with this, i still cannot find how to put the X close popup right in the top right the popup window.
check the attachment, thank you.