This is a migrated thread and some comments may be shown as answers.

RadWindow custom skin

7 Answers 195 Views
Window
This is a migrated thread and some comments may be shown as answers.
James
Top achievements
Rank 1
James asked on 07 May 2008, 03:18 PM
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

7 Answers, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 08 May 2008, 02:05 PM
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
0
James
Top achievements
Rank 1
answered on 08 May 2008, 02:13 PM
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
0
Martin
Telerik team
answered on 08 May 2008, 02:46 PM
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
0
James
Top achievements
Rank 1
answered on 08 May 2008, 03:13 PM
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

0
Martin
Telerik team
answered on 09 May 2008, 05:38 AM
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
0
James
Top achievements
Rank 1
answered on 09 May 2008, 07:56 AM
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
0
Svetlina Anati
Telerik team
answered on 09 May 2008, 02:02 PM
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
Tags
Window
Asked by
James
Top achievements
Rank 1
Answers by
Martin
Telerik team
James
Top achievements
Rank 1
Svetlina Anati
Telerik team
Share this question
or