2 Questions about Window Icons...

8 posts, 0 answers
  1. J
    J avatar
    143 posts
    Member since:
    Jun 2006

    Posted 20 Nov 2007 Link to this post

    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?
  2. J
    J avatar
    143 posts
    Member since:
    Jun 2006

    Posted 20 Nov 2007 Link to this post

    Oh... and this is for the Prometheus version of RadWindow.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 21 Nov 2007 Link to this post

    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:

    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
  5. Per Holmqvist
    Per Holmqvist avatar
    194 posts
    Member since:
    Nov 2002

    Posted 25 Jan 2008 Link to this post

    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
  6. George
    Admin
    George avatar
    298 posts

    Posted 25 Jan 2008 Link to this post

    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
  7. Per Holmqvist
    Per Holmqvist avatar
    194 posts
    Member since:
    Nov 2002

    Posted 25 Jan 2008 Link to this post

    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? ;)
  8. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 28 Jan 2008 Link to this post

    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
  9. Charlie Bross
    Charlie Bross avatar
    16 posts
    Member since:
    Jul 2008

    Posted 17 Aug 2008 Link to this post

    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!

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017