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

14 posts, 1 answers
  1. Revital Keren
    Revital Keren avatar
    26 posts
    Member since:
    Jun 2008

    Posted 06 Jan 2010 Link to this post

    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;  
        height: 2px !important;  
    }  
     
    div.radwindow_ReformaSkin table td.titlebar  
    {  
        filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#00A246A,endColorStr=#A5C9EF);  
        height: 5px;  
        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.

  2.
  3. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 07 Jan 2010 Link to this post

    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.
  5. Revital Keren
    Revital Keren avatar
    26 posts
    Member since:
    Jun 2008

    Posted 07 Jan 2010 Link to this post

    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
  7. Answer
    Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 12 Jan 2010 Link to this post

    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.
  9. Revital Keren
    Revital Keren avatar
    26 posts
    Member since:
    Jun 2008

    Posted 12 Jan 2010 Link to this post

    Thank you very much Svetlina!
    I have changed the css according to your reply, and it worked like a charm.

    Thanx again,
    Revital
  11. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 12 Jan 2010 Link to this post

    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.
  13. Anil Kumar Patra
    Anil Kumar Patra avatar
    31 posts
    Member since:
    Jan 2010

    Posted 02 Feb 2010 Link to this post

    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
  15. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 05 Feb 2010 Link to this post

    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.
  17. Anil Kumar Patra
    Anil Kumar Patra avatar
    31 posts
    Member since:
    Jan 2010

    Posted 22 Apr 2010 Link to this post

    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
  19. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 22 Apr 2010 Link to this post

    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.
  21. Anil Kumar Patra
    Anil Kumar Patra avatar
    31 posts
    Member since:
    Jan 2010

    Posted 23 Apr 2010 Link to this post

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

    Posted 26 Apr 2010 Link to this post

    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.
  25. Anil Kumar Patra
    Anil Kumar Patra avatar
    31 posts
    Member since:
    Jan 2010

    Posted 04 May 2010 Link to this post

    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
  27. Yavor
    Admin
    Yavor avatar
    11 posts

    Posted 04 May 2010 Link to this post

    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.
Back to Top