RadWindow custom skin

8 posts, 0 answers
  1. James
    James avatar
    60 posts
    Member since:
    Sep 2007

    Posted 07 May 2008 Link to this post

    Hi,

    I'm trying to use a modified skin for the radWindow on a master/child page scenario. I've finally managed to get it to use the script, but I can't find what each of the css values represent.

    I need to make 2 changes to the default "Telerik" skin. These are:

    - At present when the user clicks a window, all windows looses the contents until the user completes sizing/dragging. I would like to change the border color whilst the drag/resize is in progress.

    - With multiple radWindows, the all inactive ones are made slightly transparent. I'd like to make all inactive windows event more transparent. How can I do this?

    The old radWindow had classed of RadWWrapperInactive and RadWWrapperActive. What are the options I need to change these?

    Regards

    Bobby
  2. Martin
    Admin
    Martin avatar
    585 posts

    Posted 08 May 2008 Link to this post

    Hi Bobby,

    Please, open a new support ticket and send us a small running project along with a description of the result you want to achieve (an image file demonstrating the target design will also be appreciated) and we will do our best to help.

    The new RadWindow has a totally different rendering and css from the classic one.

    All the best,
    Martin Ivanov
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. James
    James avatar
    60 posts
    Member since:
    Sep 2007

    Posted 08 May 2008 Link to this post

    Hi,

    I've alreadys raised a support ticket, but no response yet. I'll do another one with a screenshot of you're own online demo.

    If you do the demo of the rad window manager and drag the 1st of the windows over another item on the page, then select the 2nd rad window, the 1st rad window becomes partially transparent. I wish to make it more transparent

    Regards

    Bobby
  5. Martin
    Admin
    Martin avatar
    585 posts

    Posted 08 May 2008 Link to this post

    Hi Bobby,

    Add the following piece of css into the head of your webpage and play with the filter, opacity and -moz-opacity property.

    div.radwindow.radwindow_Vista.normalwindow.transparentwindow

    td.corner,
    div.radwindow.radwindow_Vista.normalwindow.transparentwindow td.titlebar
    ,
    div.radwindow.radwindow_Vista.transparentwindow
    td.footercenter
    {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50) !important
    ;
    opacity: .5 !important; -moz-opacity: .5 !important
    ;
    }

    Regards,
    Martin Ivanov
    the Telerik team


    Instantly find answers to your questions at the new Telerik Support Center
  6. James
    James avatar
    60 posts
    Member since:
    Sep 2007

    Posted 08 May 2008 Link to this post

    Hi Again,

    I've tried that in the master page and also within the content section of the sub page, but it doesn't seem to work.

    <

    head runat="server">

    <title>Master Page</title>

    div.radwindow.radwindow_ptcradwindow.normalwindow.transparentwindow

    td.corner,

    div.radwindow.radwindow_ptcradwindow.normalwindow.transparentwindow td.titlebar,

    div.radwindow.radwindow_ptcradwindow.transparentwindow td.footercenter

    {

    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50) !important;

    opacity: .5 !important; -moz-opacity: .5 !important;

    }

    </

    head>

    If complains about having text between the opening/closing tags in the head section. I've also tried adding it to my modified skin (called ptcradwindow), but it also didn't seem to make any difference. I set the values to 10, .1, .1 respectively and 90, .9, .9, but none of the values made any difference.

    Any Ideas?

    Regards

    Bobby

  7. Martin
    Admin
    Martin avatar
    585 posts

    Posted 09 May 2008 Link to this post

    Hi Bobby,

    You've forgottent to enclose the CSS selectors in a <style>...</style> tag. You have to put the code I sent you in the following manner:

    <style type="text/css">
    div.radwindow.radwindow_ptcradwindow.normalwindow.transparentwindow td.corner,  
    div.radwindow.radwindow_ptcradwindow.normalwindow.transparentwindow td.titlebar,  
    div.radwindow.radwindow_ptcradwindow.transparentwindow td.footercenter  
    {  
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90) !important;  
        opacity: .9 !important; -moz-opacity: .9 !important;  

    </style>

    Do not forget to include the !important flag to the CSS values, otherwise the default settings of the skin would not be overridden.

    Kind regards,
    Martin Ivanov
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  8. James
    James avatar
    60 posts
    Member since:
    Sep 2007

    Posted 09 May 2008 Link to this post

    Hi Again,

    Unfortunately, still no luck. I've tried putting the script into the master page, <head> section, but the windows still look the same. I also tried within the contentplaceholder of the child page, but it complains about not allowing style within a <td>. (our content page is within a table on the master page).

    Is there no way to get this working using the modified skin/css?

    Regards

    Bobby
  9. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 09 May 2008 Link to this post

    Hi Bobby,

    We tested the provided solution and it worked as expected. Therefore, we suppose that some configuration in your page is wrong.

    Please, open a new support ticket and attach your project there. Once we receive it, we will modify it in order to meet your requirements.

    Best wishes,
    Svetlina
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017