There are about 5 controls in a silverlight page, WebMap is in the center of the page, its size is 400*300.
When changed to Full Screen mode, Could we only show the WebMap control and make its size to the screen's size?
Really appreciate if an example can be provided.
TIA
I tried to use ScaleTransform on FullScreenChanged event, but the quality of the map was reduced and the map only covered the right side of the screen.
Controls on left side are still there.
Code:
ScaleTransform sc = new ScaleTransform();sc.ScaleX = App.Current.Host.Content.ActualWidth / worldMap.ActualWidth;sc.ScaleY = App.Current.Host.Content.ActualHeight / worldMap.ActualHeight; worldMap.RenderTransform = sc;worldMap.Height = App.Current.Host.Content.ActualHeight;worldMap.Width = App.Current.Host.Content.ActualWidth;
Could you show more info about what container you have these controls in. Making the map bigger if its, say, in the middle column of a grid, will only push colums to the right of it or rows underneath it off the screen, but not affect any content above or to the left of it (depending on how you defined the rows and columns). One option you would have is to move the map into a grid, canvas, etc that sits over the rest of the page content while it is in full screen mode, and move it back to its original position when leaving fullscreen.
can u please tell me how do u do that?
i also have the same problem
Thank you, my problem has been fixed.
I set the center grid's column span to 3, and change its size to the screen size.
It works very well.
There are 3 grids in a large grid.
There is a Canvas in the center grid, map is in the canvas.
How to move map's position and make it sits over the screen?