I am Neil Ghuman, IT Manager for Motorcycle Accessories. I need some advice on what to do here. Please visit the product details page for my website where we are selling an Icon Airframe Carbon Lifeform Helmet. We are currently using Jquery Zoom and Jquery autocomplete and they seem to work fairly well. If you click on the main helmet image, you will notice a Telerik Rad Window Popup. I need some help with configuring this window to do what I want it to do.
1) I want to get rid of the scroll bars.
2) I want the background of the page to be a darker color, how do I control that?
3) I want the controls for this window to be at the bottom of the window instead of the top.
4) I want the window to pop up at the top of the page instead of the middle of the page. Even if the IE or Firefox window was to be minimized, I want the top of the pop up window to be aligned up with the center top of the browser. Where do I control this?
5) I want the pop up image/window to be animated. Ideas?
Please let me know if anyone has ideas on how this can be accomplished. I was going to do everything with Jquery Lightboxes, but this seems like a more advanced and clean way to do things. Thank you.
Neil Ghuman
Motorcycle Parts and Motorcycle Accessories
1) I want to get rid of the scroll bars.
2) I want the background of the page to be a darker color, how do I control that?
3) I want the controls for this window to be at the bottom of the window instead of the top.
4) I want the window to pop up at the top of the page instead of the middle of the page. Even if the IE or Firefox window was to be minimized, I want the top of the pop up window to be aligned up with the center top of the browser. Where do I control this?
5) I want the pop up image/window to be animated. Ideas?
Please let me know if anyone has ideas on how this can be accomplished. I was going to do everything with Jquery Lightboxes, but this seems like a more advanced and clean way to do things. Thank you.
Neil Ghuman
Motorcycle Parts and Motorcycle Accessories
3 Answers, 1 is accepted
0
Hi Neil,
1) The scrollbars show because the size of the RadWindow is less then needed to fit the page without overflow. To get rid of them you can use one of the following approaches:
1) Set bigger width and height for the RadWindow
2) Set overflow:hidden in the content page
3) Use the AutoSize feature which will resize the RadWindow to fit the content:
http://demos.telerik.com/aspnet-ajax/window/examples/autosize/defaultcs.aspx
2) The page inside the RadWindow is actually a standard page loaded in an IFRAME - that is why, to change the background color you should set background color through CSS inside this content page as you would normally do with any other page.
3) I am not completely sure what exactly you mean by "I want the controls for this window to be at the bottom of the window instead of the top." - if you mean the titlebar, please note that this layout is by design to mimic the standard windows which have the titlebar and icons on the top. You can, however, remove the titlebar and implement your own custom buttons at the bottom.
4) By default, the RadWindow shows at the center of the screen. To control the position, you can use the Top and Left properties or combine them with the OffsetElementID or the KeepInScreenBounds properties.
5) To show the RadWindow with animation, you should set the Animation property and you can control the duration by using the AnimationDuration property.
On a side note, I strongly recommend to examine the RadWindow's online demos which show different configurations and the abilities of the control - you can find them below:
http://demos.telerik.com/aspnet-ajax/window/examples/default/defaultcs.aspx
I hope that my reply is detailed enough and helpful, let me know how it goes.
Regards,
Svetlina
the Telerik team
Straight to your questions:
1) The scrollbars show because the size of the RadWindow is less then needed to fit the page without overflow. To get rid of them you can use one of the following approaches:
1) Set bigger width and height for the RadWindow
2) Set overflow:hidden in the content page
3) Use the AutoSize feature which will resize the RadWindow to fit the content:
http://demos.telerik.com/aspnet-ajax/window/examples/autosize/defaultcs.aspx
2) The page inside the RadWindow is actually a standard page loaded in an IFRAME - that is why, to change the background color you should set background color through CSS inside this content page as you would normally do with any other page.
3) I am not completely sure what exactly you mean by "I want the controls for this window to be at the bottom of the window instead of the top." - if you mean the titlebar, please note that this layout is by design to mimic the standard windows which have the titlebar and icons on the top. You can, however, remove the titlebar and implement your own custom buttons at the bottom.
4) By default, the RadWindow shows at the center of the screen. To control the position, you can use the Top and Left properties or combine them with the OffsetElementID or the KeepInScreenBounds properties.
5) To show the RadWindow with animation, you should set the Animation property and you can control the duration by using the AnimationDuration property.
On a side note, I strongly recommend to examine the RadWindow's online demos which show different configurations and the abilities of the control - you can find them below:
http://demos.telerik.com/aspnet-ajax/window/examples/default/defaultcs.aspx
I hope that my reply is detailed enough and helpful, let me know how it goes.
Regards,
Svetlina
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
Neil
Top achievements
Rank 1
Rank 1
answered on 12 Jan 2011, 02:25 AM
I first wanted to say that we over here Motorcycle Market are very impressed that we can speak to a Telerik Admin. Please have a look at this page:
Dynojet Power Commander III USB First try this in Mozilla Firefox. Click on the Play Video Icon and you can see that this works perfect. The Video Telerik Window is putting:
http://beta.motorcyclemarket.com/video.aspx
in to the Window. We believe this is as you mentioned in an Iframe, but not 100% sure.
If you now try to see the Video Telerik Window from the same link in IE, the video does not work at all in your window and all you receive is the audio channel. Finally, if you click on http://beta.motorcyclemarket.com/video.aspx in IE, you can see that the video works good in IE.
Any ideas as to why the Telerik Window in IE is breaking and now showing the video properly. Your help would be greatly appreciated.
Dynojet Power Commander III USB First try this in Mozilla Firefox. Click on the Play Video Icon and you can see that this works perfect. The Video Telerik Window is putting:
http://beta.motorcyclemarket.com/video.aspx
in to the Window. We believe this is as you mentioned in an Iframe, but not 100% sure.
If you now try to see the Video Telerik Window from the same link in IE, the video does not work at all in your window and all you receive is the audio channel. Finally, if you click on http://beta.motorcyclemarket.com/video.aspx in IE, you can see that the video works good in IE.
Any ideas as to why the Telerik Window in IE is breaking and now showing the video properly. Your help would be greatly appreciated.
0
Hello Neil,
Svetlina
the Telerik team
Thank you for the good words.
I am afraid that I could not completely understand you. I followed your instructions and the results are as follows:
http://screencast.com/t/jvPPU2Jx
1) I tested Dynojet Power Commander III USB under FF, IE7 and IE8 and it works as expected under all of them - you can see my test video below:
However, I noticed that the popup which holds the video is not a RadWindow. Am I missing something in my test? If so, please, provide detailed reproduction steps.
2) I examined both http://beta.motorcyclemarket.com/video.aspx
and http://beta.motorcyclemarket.com/video.aspx under IE. However, on both I do not see a RadWindow and also there is no difference - only black screen on both.
Please, provide more detailed explanations and make sure that the provided URLs are the correct ones and we will do our best to help.
Svetlina
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.