Regarding resizing of browser window

Hi,
I am working on getting my UI to resize accordingly if the user resizes their browser window on the desktop. I know how it is done using css and using javascript, but what I want to know is if there is any SAPUI5 specific functionality to support this. Specifically I wanted to know if individual UI components could detect size changes so I could implement some different logic in their case. I have so far not been able to find any such functionality. If anyone can share info regarding this it would be great.
Thanks

Hi Adarsh,
you said: Specifically I wanted to know if individual UI components could detect size changes so I could implement some different logic in their case.
No, that's not possible. The only way to detect and handle the resize of the screen with JavaScript is via window object:
window.onresize = function(event) {
// your code
Regards Michael

Similar Messages

How can you stop slideshow from resizing the browser window iframe ?

Does anyone know where the code is that causes the iweb slideshow to resize the browser window when it is opened?
When it is placed on a page using <iframe src="http://homepage.mac.com/coreydee/slideshow/index.html" width="760" height="580" scrolling="no" style="border:none;" frameborder="0"></iframe> It resizes the browser window when it starts.

Does anyone know where the code is that causes the
iweb slideshow to resize the browser window when it
is opened?
When it is placed on a page using <iframe
src="http://homepage.mac.com/coreydee/slideshow/index.
html" width="760" height="580" scrolling="no"
style="border:none;" frameborder="0"></iframe> It
resizes the browser window when it starts.
The iWeb .Mac slideshow, which you previously tried to add in an iframe, does have a function to resize the window. But it would not cause the whole window to resize, just page within the iframe so you would never know.
However, the autoviewer one you are using should not do this.

How do I easily resize firefox browser window in Vista?

I need to resize browser window so I can see a part of my desktop.

Thanks for your ongoing help. (And if this winds up being a duplicate post, my apologies in advance.)
I typed about:synch-log into the address bar and got an exclamation point inside a triangle next to a boldfaced message that reads "The address isn't valid."
Below that, in a box:
The URL is not valid and cannot be loaded
Then a line then two bullet points
* Web address are usually written like http://www.example.com
* Make sure that you're using forward slashes (i.e. /)

How to create a navigation that resizes with browser window

Hello,
I came upon this site http://www.smetana.net/. In it the navigation components resize with the browser window change of size but the content remains the same size. I would like to build something similar for my site but I have no idea how this is done. I don't mind doing the work but I need a direction
Thanks
Ravital

The following links are for tutorials that address various aspects of Flash Full Screen Adaptable design
http://www.tutorio.com/tutorial/liquid-flash-layout
http://www.gotoandlearn.com/play?id=31
http://www.developphp.com/Flash_tutorials/show_tutorial.php?tid=128

Page resizing as browser window changes sizes

http://www.missginasschoolofdance.netau.net/
I am having problems with a few of the pages I created using a table. Schedule and Tuition pages if you resize the browser I would like the page to move with it. The other pages work fine.
Thanks in advance

Change Table and TD width to percentages.
From
<td width="265">
to
<td width="40%>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Resizing a browser window to that of Flash

Hi,
With the help from Nadia my Flash files now play on the server. The only issue I have now is that the Browser window opens full screen instead of the size of the flash player. Is there a way to make the browser only open to the size of the flash player?
Thanks,

Hi,
Thanks again for the feedback. Pondering the issue at home last night I came to the same conclusion as Nadia, make the background the same colour then all will be good. So I created a new page with a div to auto the margins, and it looks good to me now.
http://www.gatekeeper-systems.com/viperfish/deepVideo.html
Thanks again for the assistance, appreciate the thought about not re-sizing visitors broswers.
Mark.

Resizing a browser window

I have a requirement to be set in the browser(IE).
When a user resizes a window, it is seen that the layers/positioned elements in the page, loose their position/show up in the wrong place. I want to prevent this. I will be glad if someone has a solution for this.
For eg in http://www.rediff.com site, when a user tries to reduce the window size, the actual positioning is not lost and the elements in the page do not shrink. I want to implement the same.

For eg in http://www.rediff.com site, when a user
tries to reduce the window size, the actual
positioning is not lost and the elements in the page
do not shrink. I want to implement the same.Then why not look at their HTML, CSS, Javascript etc to see how they do it?

Resize animation in browser window with toolkit for createjs

Hi. I'.m a flash newbie with little coding experience. I have an animation that I created in flash that I exported to html5 with toolkit for createjs. It looks good, however I would like to have the animation be proportionally sized to the browser window, so that it can be viewed on a variey of devices. My iPhone seems to adjust the size, however when I view it on the desktop, the bottom gets cut off, and remains the same size when I resize the browser window. Is there any way to have the animaton resize according to the browser window?
Thanks
Tom

Great news! I used media queries inside of CSS and got my home page to work on a nice 1280x720 effortlessly However, i have a slideshow script that has the image running 1000x400 and I am wanting to know if there is a way to access the variable of this script:
// JavaScript Document
var mygallery=new fadeSlideShow({
    wrapperid: "slideshow", //ID of blank DIV on page to house Slideshow
    dimensions: [1000, 400], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
    ["slideshow/XavierHeadSlide1.jpg"],
        ["slideshow/XavierHeadSlide2.jpg"], ["slideshow/XavierHeadSlide3.jpg"]
         //<--no trailing comma after very last image element!
    displaymode: {type:'auto', pause:1500, cycles:0, wraparound:false},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 2000, //transition duration (milliseconds)
    descreveal: "ondemand",
    togglerid: ""
I want to access the "dimensions" variable in CSS so I can modify the size without having to create a second image that is slighty smaller... I tried setting the slideshow DIV as a CSS class, but it just simply cut off the image.
thanks a bunch for all of your help on this matter.

Can I specify (or find out) the size of a browser window?

I've noticed that when I resize a browser window that any new window also comes up at that same size.
Is there a way to see what the actual dimensions are for any given window?

javascript:alert(self.outerWidth"x"self.outerHeight)
to read,
javascript:self.resizeTo(800,600)
for one tab,
tell application "Safari"
set bounds of window 1 to {0, 0, 800, 600}
end tell
in script editor for any window.

Only "startscreen" should fill browser window

Hi Guys. Do you know where i could find a tutorial etc. to build a "startscreen" like http://hungr.ee/ ? I could resize my browser window and the background image fills the whole window. Also the writing remains in the middle. If i scroll a little bit, image and text scrolls up nicely. Thanks for ur help!

Hi
You can use browser width contents and then apply scroll effect which would create the similar effect that you have referred.
There are many resources available from which you can learn , few I am listing below :
http://tv.adobe.com/watch/creative-cloud-for-design/discover-new-parallax-scrolling-with-a dobe-muse-cc/
http://www.youtube.com/watch?v=eQo_k9WiLms
http://tv.adobe.com/watch/muse-feature-tour/muse-design-for-flexible-browser-width/
http://www.youtube.com/watch?v=xZ7HP0RN0os
Thanks,
Sanjit

Browser Window Size

Hey Ya'll,
We uploaded our training module into our clients LMS. A user launched the module and could not resize the browser window. Our module is 800x600px. The user would like to maximize the window but the maximize button is grayed out. Is there an option in Captivate I need to change or update so our users can resize their web browser window? Thanks in advance!

Could you have a look at this thread, perhaps this answers your question:
http://forums.adobe.com/thread/889189?tstart=0
Lilybiri

Browser window resize event

Newbie question - sorry. How do I capture the browser window
resize event?
I've tried variations on this code:-
<mx:Script>
<![CDATA[
import flash.events.Event;
function mylisten():void { trace('mylisten');
this.stage.addEventListener(Event.RESIZE,resizefn);
function resizefn():void {
trace('resize!');
]]>
</mx:Script>

Hi brutfood,
you can add a handler to the resize event of the application
as an attribute of the Application tag.
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute" resize="resizeHandler()">
Then add the handler ("t" is TextArea):
private function resizeHandler():void {
t.text = stage.width + " - " + stage.height;
t.text += "\n" + stage.stageWidth + " - " +
stage.stageHeight;
Note the difference between the width/height and
stageWidth/stageHeight properties: the first couple returns the
actual stage dimension while the second returns the visible area of
the stage.
regards,
Christophe

I cannot move, resize, minimize, or close the browser window despite everything inside the window still working.

I don't know what details are needed so I'll just rattle off anything that I can think of.
I am running an Asus laptop with windows 7. I have never had an issue with firefox in the past (beyond the usual freezing and some obvious issues with pop up ads that are par for the course with firefox since adblocker never does what it says.... not really. Lets be honest.) I am using Avast for my virus protection and it is also up to date.
My issue started about an hour ago when firefox stopped responding. The video I had playing kept going but I could not interact with anything. Assuming the program froze for the billionth time that week I rebooted it. This has always solved freezing issues in the past. Now, however, firefox is doing something new.
I can access the menus and almost everything on the window itself except for the minimize/maximize/close buttons, I cannot move the window at all, and I cannot manually resize it. I have also noticed that although videos will play, I can only click on their buttons if there is another smaller window overtop of firefox. The video controls will only appear that way and when I click them firefox naturally comes to the front and the video responds with the button I used but the buttons are gone again and I cannot resume playing without the smaller window back in front to make the buttons show again.
It's as if half of firefox is frozen while the other half is still running somehow.
I have no themes that could be causing this. Literally none. I only use firefox for the things that can no longer be opened in Opera so I have no need for any theme beyond default. The only addons I installed on purpose were adblockers (lord knows why. they don't DO anything.) though several other random things seem to have been installed over time to aid in one thing or another. Various plugins and players and versions of java, that sort of thing. But I have everything (and i mean EVERYTHING) in the addon menu disabled.
I have tried booting it up in safe mode (the program, not windows) and the problem is still there except now it won't show the menu bar at all unless I press the alt key first and even then it wont let me actually click on anything in the menu bar. When I try the whole bar vanishes. I had to close firefox with the task manager.
Rebooting will fix the issue for about 15 seconds before it all comes back.
Any attempts at updating have failed as it says I am already up to date on everything so I don't know what its issue is.
It's not an urgent issue right now as most of what i need to do can be done on the half screen window I am using, but some of my sites have buttons that literally vanish in anything but full screen and I imagine that this will be a much greater annoyance within a few days.

After following all the instructions given, I poked around safe websites as suggested. I am not sure why this step was needed, as websites functioned rather normally before I came here but I did it anyways and found that the websites still work the same as they did. I can still do everything I used to be able to do. I see no change in the function of the websites.
However, I still cannot resize, close, or move the browser window. I don't know if Netflix is a safe site or not (too many conflicting opinions on that one from the masses) so I don't know if the issue with the vanishing buttons is still there, but all the issues I had with the browser window itself is still there.
Even in safe mode the browsers three window control buttons on the top right refuse to let me use them and the window itself will refuse to be moved around.

Fluxbox browser window resize

When I go to a site that opens an image in a new window, then resizes that window to fit the image, fluxbox is resizing the window so the title bar is outside of the workspace. This means I can not close, move, maximize or minimize the window without first holding down the Alt key and dragging it down some.
Anyone know how to keep Fluxbox from resizing a window outside of the actual workspace?
If it matters, this behaviour is not happening in Gnome.

dp wrote:
this is not a fluxbox problem, but a bad webmaster :-)
i would suggest you to use a browser that can override javascript from resizing windows larger than the screen (i use konqueror and all new windows open in new tags and are not allowed to resize the master window)
EDIT: ion does not allow windows to be bigger than the screen
Well this problem does not happen with Mozilla in either GNOME or KDE, but does happen with Mozilla in Fluxbox. This would suggest to me that Fluxbox is handling the popup differently than other window managers.
I looked at the HTML and it seems to me that the webmaster is simply telling the browser to open a new window and passing along a size with no window placement information. Mozilla is then opening up the window with the titlebar off the screen. I would say it is Mozilla's problem except Fluxbox is the only window manager I have that is exhibiting the problem.
Here is an extremely simple page that exhibits this problem:
http://www.sitepoint.com/examples/jscri … picfit.htm
The window is first opened correctly in the top left corner. The the Javascript resizes the window and the titlebar goes off the top. Again, this does not happen in GNOME or KDE, so my original questions remains. Is it possible to get Fluxbox to behave like GNOME and KDE and not run a portion of the window off the page?

How do I stop text from resizing to the size of the browser window

Hello there,
I am using a DW CS3 template that has a sidebar div and a
main content div - the text in the main content div keeps resizing
to the size of the browser window - I don't want the text to resize
if I make the browser window smaller - I want it to remain the
same. I am trying to float the text right and input a width but
this is not working for me. What am I doing wrong?
HELP!
Many thanks!

>>What am I doing wrong?
Not giving us a link to the uploaded page so we can see the
page, how it
behaves and the actual code.
Until we see that you are unlikely to get a definitive
answer. The problem
is unlikely as you state it because text itself is never
dependant on the
browser viewport size.
Walt
"Fun Leprechaun" <[email protected]> wrote
in message
news:g9f7rq$ie4$[email protected]..
> Hello there,
>
> I am using a DW CS3 template that has a sidebar div and
a main content
> div -
> the text in the main content div keeps resizing to the
size of the browser
> window - I don't want the text to resize if I make the
browser window
> smaller -
> I want it to remain the same. I am trying to float the
text right and
> input a
> width but this is not working for me. What am I doing
wrong?
>
> HELP!
>
> Many thanks!
>

Regarding resizing of browser window

Similar Messages

Maybe you are looking for