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

cna't set height of titlebar and footer in Custom Skin

13 Answers 122 Views
Window
This is a migrated thread and some comments may be shown as answers.
Revital Keren
Top achievements
Rank 1
Revital Keren asked on 06 Jan 2010, 03:37 PM
Hi,
I'm using RadWindow with a custom skin, and I don't want to use gif's for the background's , but colors and gradients instead.
my only problem is that I can't seem to control the height of the titlebar (and it's conrners) and the height of the footer (and it's corners). no matter what value I set in height in the css , it stays the same (looks like it's 16 px or something like that).

here's a little sample from the css :
div.radwindow_ReformaSkin table td.footercenter  
{  
    background-color#d4d0c8;  
     border-bottom:solid 1px #808080;  
     border-top:solid 1px;  
    height2px !important;  
}  
 
div.radwindow_ReformaSkin table td.titlebar  
{  
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#00A246A,endColorStr=#A5C9EF);  
    height5px;  
    border-bottom:solid 1px;  
    border-top:solid 1px;  
can you please point me out to the correct css class to change, or any other change I should make.

thanx,
Revital

 by the way, I am using version 2008.3.1314.35 of telerik's controls.

13 Answers, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 07 Jan 2010, 01:02 PM
Hello Revital Keren,

Straight to your questions:

1) To change the footer row, you should use the folloiwng classes:

.rwFooterRow, 
.rwFooterCenter, 
.rwFooterLeft, 
.rwFooterRight
{
     background-color: #d4d0c8;   
     border-bottom:solid 1px #808080;   
     border-top:solid 1px;   
     height: 2px !important
}

This should be enough if no background image is set - otherwise you shoudl also remove the background image first.

2) To change the height of the titlebar to smaller one, you should not use and remove all the images - this means that you should not use any behaviors, icon, etc or you should prepare small images because otherwise they will make it bigger than the height you set. After you ensure this, you should use the same approach as for the footer.

Best wishes,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Revital Keren
Top achievements
Rank 1
answered on 07 Jan 2010, 03:30 PM
Hi Svetlina ,
Thanks for your reply, but as I said I am using version 2008.3.1314.35 of telerik's controls.
 I would appreciate it if you could give me the names of the classes you mentioned  in their old name convention.

thanx,
Revital
0
Accepted
Svetlina Anati
Telerik team
answered on 12 Jan 2010, 10:39 AM
Hello Revital,

Please, accept my sincere apologies for missing the fact that you are using the Q3 2008 version - I thought that you are using the latest build because it is selected for the thread.

The class names you should use are the following ones:

<style type="text/css">
  
TD.footerrow,  
TD.footercenter,  
TD.footerleft,  
TD.footerright 
     background-image: none !important;
     background-color: #d4d0c8;    
     display: none;     
     height: 2px !important;  
}
.statusbar
{
    border-bottom :solid 1px grey;
}
  
</style>

Please, use those selectors and modify the styles in the way you desire (the provided styles are only for demonstration purposes).


Regards,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Revital Keren
Top achievements
Rank 1
answered on 12 Jan 2010, 12:31 PM
Thank you very much Svetlina!
I have changed the css according to your reply, and it worked like a charm.

Thanx again,
Revital
0
Svetlina Anati
Telerik team
answered on 12 Jan 2010, 01:03 PM
Hello Revital,

I am glad I could help, in case you experience any further problems or you have additional questions, do not hesitate to contact us again.


All the best,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Anil Kumar Patra
Top achievements
Rank 2
answered on 03 Feb 2010, 04:57 AM
Hai,
    I want to change the height of Radwindow Titlebar,i am using Q2 2009 version and also i have wriitten with in css class .rwTitlebar that (height 5px !important) but its not working.so what should i do,pls help me, its very urgent to me.Thank you
0
Svetlina Anati
Telerik team
answered on 05 Feb 2010, 03:18 PM
Hi Anil Kumar Patra,

I am not completely sure what is your exact goal, but you can use the following style:

    <style type="text/css">
.rwTitlebar,
.rwTopLeft,
.rwTopRight,
.rwIcon
{
    background-image:none !important;
    height: 5px !important;
}
  
</style>


However, this is not very beautiful and that is why I strongly recommend to upgrade to the latest release and set VisibleTitleBar="false" - it now uses additional CSS and I believe that it is better approach.

All the best,
Svetlina
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.
0
Anil Kumar Patra
Top achievements
Rank 2
answered on 22 Apr 2010, 07:51 AM
Hi Telerik,
            I am using Custom skin for RadEditor.It's Working Fine and it cames whatever i designed but when i am going to upload any photo through image manager that skin css is not working,if i will remove enableembeddedskin = "false" then it's perfectly working.in that upload window nothing is appearing just like:radwindow,upload css,radmenu css etc.If i will take outside the page  ,that radwindow,radupload and menu all are displaying perfectly but what's the problem in this editor i didn't get.Is there any property or any css class for image manager of radEditor ?I am facing so many problems and trying 4 day onwards for the displaying the css style for image manager of radeditor.This is for me DeadLine ,So what should i do for this problem,but when i click on the imagemanager button radwindow appearing but that two menu items  like filename and size is not appearing and menubar of imagemanager where all upload control and back,foreward etc. are there ,there also background image is not appearing and after click on the upload button that window is appearing and all upload boxes are appearing with out css,they are just like blank(No css style for that).I have used css for whole control and placed in a single folder which is with in App-Theme and i called in config file.All controls are working fine except radEditor.So pls help me what should i do for this problem.Is it come or not ?ya,It's impossible to come.I lost 4 day for it but i didn't get any idea how to do?
                    Pls pls pls pls pls help me ,Its very urgent to me.


Thank You
Anil
0
Georgi Tunev
Telerik team
answered on 22 Apr 2010, 01:39 PM
Hi Anil,

If I understand the problem correctly, the custom skins for the controls used in RadEditor's dialog are not shown, am I right? If this is so, You need to set the DialogCSS file property for the RadEditor. This property should point to a CSS file that contains the CSS for the controls used in the dialogs. I suggest to check this forum thread for more details on the subject:
http://www.telerik.com/community/forums/aspnet-ajax/editor/radeditor-q3-2008-skins-available-for-download.aspx

If this is not the case, please open a support ticket and send us a sample project where the problem could be reproduced - we will check it and do our best to help you.

Sincerely yours,
Georgi Tunev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Anil Kumar Patra
Top achievements
Rank 2
answered on 23 Apr 2010, 08:41 AM
Hai Georgi Tunev ,
            Thank you for ur reply.It's working fine and all css are working fine but another issue also came.when i am going to upload an image then 3 problems again raises.
1.Upload control is appearing except textbox of upload control.that means textbox place is displaying blank
2.Buttons of window are are displaying blank (e.g upload ,insert and cancel) just like displaying as a link button.
3.In the upload window there is  a check box for overwrite,that also displaying blank that means only text is apperaing not checkbox control.
For this issues what should i do to avoid all the problems.

(I am sending u the snapshot of the editor and also i already send the runnable css)
0
Georgi Tunev
Telerik team
answered on 26 Apr 2010, 08:58 AM
Hi Anil,

Make sure that the CSS is actually loaded - you could use Fiddler or Firebug to check that. Also, note that in IE you have a limit of 32 stylesheets that you could load in an page - if you have more, you will need to reduce their number.
If this doesn't help or you add less than 32 stylesheets and the problem still exists, please open a support ticket and send us a sample project that we could check.

Best wishes,
Georgi Tunev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Anil Kumar Patra
Top achievements
Rank 2
answered on 04 May 2010, 08:31 AM
Hi Georgi Tunev,
                Thank you for ur reply,the upload window css is not working same as before.Also i concatenate to single css file but after same problem occurs.
                Hai i want another help from you, that is i used radgrid and displaying the diff data with in grid.Also i used decimal data in grid and gave horizontal allignment = "left" and some decimal text are : 123.00,1524.00,12.00,1845.00 ,it came in allignment left.its fine.But i want to display like
    123.00
  1524.00
      12.00
  1845.00 so on...
if i will give allignment right then it's appear fine but i want allignment left and design like this,what should i do.pls give me idea...
                        
                                                                                                                                                                        Thank you

Regards
Anil
0
Yavor
Telerik team
answered on 04 May 2010, 09:48 AM
Hello Anil Kumar Patra,

In this case, you can apply individual padding for the cells, which would position the contents properly.
However, this is a custom approach, which would require manually checking the values for the cells, which would governt the value for the padding.

Best wishes,
Yavor
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
Window
Asked by
Revital Keren
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Revital Keren
Top achievements
Rank 1
Anil Kumar Patra
Top achievements
Rank 2
Georgi Tunev
Telerik team
Yavor
Telerik team
Share this question
or