Jul 04, 2013, 1:02 PM
[OPEN] [#293] Spotlight Resizing Problem
Hello everyone,
I want to use the Spotlight component on a Panel in a Viewport but I am facing a problem when it comes to resizing the browser window. The problem can be reproduced using following sample code:
1. Click the 'Spotlight On' button with the browser window not being maximized. Resize the window, the Spotlight adjusts with the size.
2. Click the 'Spolight Off' button.
3. Click the 'Spotlight On' button again with the browser window not being maximized. Resize the window and the Spotlight mask does not scale with window size.
I want to use the Spotlight component on a Panel in a Viewport but I am facing a problem when it comes to resizing the browser window. The problem can be reproduced using following sample code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
@Html.X().ResourceManager()
@(Html.X().Spotlight().ID("MySpotlight").Easing(Easing.EaseInOut).Duration(0.3))
@(Html.X().Viewport()
.Layout(LayoutType.Fit)
.Items(
Html.X().Panel().Title("Outer Panel").Layout(LayoutType.Fit).Padding(5).Items(
Html.X().Panel()
.ID("MyPanel")
.Layout(LayoutType.Fit)
.Title("Spotlighted Panel")
.TopBar(Html.X().Toolbar().Items(
Html.X().Button().Text("Spotlight On").OnClientClick("App.MySpotlight.show(Ext.getCmp('MyPanel'));"),
Html.X().Button().Text("Spotlight Off").OnClientClick("App.MySpotlight.hide();")
))
)
)
)
</body>
</html>
Steps to reproduce:1. Click the 'Spotlight On' button with the browser window not being maximized. Resize the window, the Spotlight adjusts with the size.
2. Click the 'Spolight Off' button.
3. Click the 'Spotlight On' button again with the browser window not being maximized. Resize the window and the Spotlight mask does not scale with window size.
Last edited by Baidaly; Jul 04, 2013 at 8:43 PM.
Reason: [OPEN] [#293]