1st question. Based on this thread Telerik Forum Post about IconUrl Property, does this mean that I am unable to set the IconUrl property in my RadWindow to some value so that the left hand default icon doesnt show up?
2nd question. For the skin monochrome for the RadWindow, can someone point me the particular css class that would allow me to use my own custom icon for say the 'Close' Behavior?
2nd question. For the skin monochrome for the RadWindow, can someone point me the particular css class that would allow me to use my own custom icon for say the 'Close' Behavior?
7 Answers, 1 is accepted
0
J
Top achievements
Rank 1
Rank 1
answered on 20 Nov 2007, 04:13 PM
Oh... and this is for the Prometheus version of RadWindow.
0
Hello Jason,
Indeed, currently you cannot set the iconUrl property for RadWindow Prometheus. This feature is in our ToDo list for the Q3 release which will appear in December. For now you can use a CSS selector to provide your own icon - please note that in this case you will affect all RadWindows used on the page:
As for your second question, here are the needed selectors - use them in your CSS to change the button accordingly:
Kind regards,
Georgi Tunev
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
Indeed, currently you cannot set the iconUrl property for RadWindow Prometheus. This feature is in our ToDo list for the Q3 release which will appear in December. For now you can use a CSS selector to provide your own icon - please note that in this case you will affect all RadWindows used on the page:
div.radwindow_Monochrome table.titlebarcontrols a.windowicon
{
}
As for your second question, here are the needed selectors - use them in your CSS to change the button accordingly:
div.radwindow_Monochrome table.titlebarcontrols ul.controlbuttons li a.closebutton
{
}
div.radwindow_Monochrome table.titlebarcontrols ul.controlbuttons li a.closebutton:hover
{
}
Kind regards,
Georgi Tunev
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0
Per Holmqvist
Top achievements
Rank 2
Rank 2
answered on 25 Jan 2008, 09:02 AM
You did implement the IconUrl in Q3.
Next question if it is possible to change clientside?
Lets say I have 3 popups ("friendlist", "blockedusers" and "CreateMessage")
I could create 3 instance of RadWindow, but I open them by JS, so it would be better if we could set iconURL client side.
Is this in the loop och on the 2Do list?
Regards Pelle
Next question if it is possible to change clientside?
Lets say I have 3 popups ("friendlist", "blockedusers" and "CreateMessage")
I could create 3 instance of RadWindow, but I open them by JS, so it would be better if we could set iconURL client side.
Is this in the loop och on the 2Do list?
Regards Pelle
0
Hello Per Holmqvist,
This is a reasonable feature request and is now added to our To-Do list.
Currently you can change the IconUrl on the client BY using a JavaScript "hack". Basically the logic involves getting the image element (the icon) and changing its source.
I have attached such a solution, please have a try.
Kind regards,
George
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
This is a reasonable feature request and is now added to our To-Do list.
Currently you can change the IconUrl on the client BY using a JavaScript "hack". Basically the logic involves getting the image element (the icon) and changing its source.
I have attached such a solution, please have a try.
Kind regards,
George
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0
Per Holmqvist
Top achievements
Rank 2
Rank 2
answered on 26 Jan 2008, 01:25 AM
That hack works for me, is even better cause I can set classname instead of url and change icon only by CSS ;)
But for reasonable requests should I get Telerikpoints, shouldn't i? ;)
But for reasonable requests should I get Telerikpoints, shouldn't i? ;)
0
Hello Per,
Yes, you are right - we apologize for the omission. Your points were updated.
Sincerely yours,
Georgi Tunev
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
Yes, you are right - we apologize for the omission. Your points were updated.
Sincerely yours,
Georgi Tunev
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0
Charlie Bross
Top achievements
Rank 1
Rank 1
answered on 18 Aug 2008, 03:09 AM
As an extension to this post, the attached "Hack" to replace the images works BEAUTIFULLY, if the icon you are using is 16x16. If not, there is no way to resize the icon to 16x16 by using the background property. The way I got around this was to use the following code.....
var titleBar = oWnd.GetTitlebar();
var titleParent = titleBar.parentNode;
var windowIcon = titleParent.getElementsByTagName("A")[0];
windowIcon.style.background = "url(images/pix.gif)";
windowIcon.innerHTML="<img src='" + icon + "' style='width: 16px;height:16px'>";
This basically just sets the native background image to an imaginary file and then adds a separate image in place that can be sized appropriately. Hope this helps!
var titleBar = oWnd.GetTitlebar();
var titleParent = titleBar.parentNode;
var windowIcon = titleParent.getElementsByTagName("A")[0];
windowIcon.style.background = "url(images/pix.gif)";
windowIcon.innerHTML="<img src='" + icon + "' style='width: 16px;height:16px'>";
This basically just sets the native background image to an imaginary file and then adds a separate image in place that can be sized appropriately. Hope this helps!