Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Docking > Styles for RADDOCK.

• Vinay Kumar

  Posted on Jul 16, 2010 (permalink)

  I have a dashboard with few widgets, i have moved the css for the widgets  to the application
  so all the images and styles are getting applied from within the application. But when the page is resize

  the styles are not getting applied properly.  How can i get the styles to work properly.
  Pls find attachemnt for the screenshot.

  Attached files

  • css.gif

• Pero Pero

  Posted on Jul 16, 2010 (permalink)

  Hi Vinay ,
  
  Have you by any chance specified the width of the dock or the parent docking zone in percent values? Please note that, the RadDock control is designed for fixed layout and its width and height should be specified in pixels. In case you need to use percentage values, then some problems might arise and you should use the following approaches to resolve them:
  
  

  • Follow the steps described in this article from our Knowledge Base:http://www.telerik.com/support/kb/aspnet-ajax/dock/fixing-raddock-title-when-its-width-is-specified-in-percent-values-and-the-browser-is-resized.aspx
  • Apply the CSS code pasted below, to the page containing the docks:
    
    <style type="text/css">

        .rdTitleBar EM

        {

            width: 100% !important;

        }

        .rdCommands

        {

            position: absolute !important;

            right: 7px !important;

        }

    </style>

  
  Kind regards,
  Pero
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

• Vinay Kumar

  Posted on Jul 20, 2010 (permalink)

  
  When i applied the specified styles,
  
  .rdTitleBar EM

      {

          width: 100% !important;

      }

      .rdCommands

      {

          position: absolute !important;

          right: 7px !important;

      }

the height of the title bar increases and the command buttons are moved down. Suggest a way to overcome this behaviour.Pls find attachment for the screenshots of the titlebars with and without the width: 100% !important; being specified.


  Attached files

  • titlebar.GIF
  • titlebarwidth.GIF

• Vinay Kumar

  Posted on Jul 20, 2010 (permalink)

  The styles are getting applied properly in IE 7 but the issue happens when IE 8 browser is resized. Suggest a solution.

• Petio Petkov Petio Petkov

  Posted on Jul 22, 2010 (permalink)

  Hi Vinay Kumar,
  
  Unfortunately we can't do anything more with the provided information. Please open new support thread and send us a running project or send us a live url, where we can observe the problem locally. Once we receive it we will do our best to help you find a solution.
  
  Kind regards,
  Petio Petkov
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Docking > Styles for RADDOCK.