Set Dock Title bar height using JavaScript

[Avinash]

Hi,

I am having one request.
I need to set / change Rad Dock Title Bar height using javascript in both Collapsed or expanded position.
I can do this using CSS but my requirement is little different. I need to show and hide some of the title bar elements on click of a button using Javascript.

I tried this using div element and height do get chagned but the elements after dock are getting under it.
I want it as when the title bar height gets changed it should be relative as all other elements down page should move down by that height.

So here is the summary of the req.
1. Need to set / change Rad Dock Title Bar height using javascript in both Collapsed or expanded position.
2. When height gets set, the elements in line or below should get moved down by that height.

Expected early reply,
Thanks,
Avi

[Rumen]

Hi Avinash,

The required feature is not supported out-of-the box by RadDock and to achieve it you should write custom code. We could help you but we will need a couple of screenshots demonstrating your exact scenario and the desired RadDock appearance.


Sincerely yours,
Rumen
the Telerik team

[Shailesh]

Hello telerik team,
I want to set height for raddock title bar (ie want to increase the height of title bar).
 How  can do this. please reply ASAP.

Thanks in advance.
Shailesh

[Dobromir]

Hi Shailesh,

You can use the following CSS code to customize the height of RadDock:

    <style type="text/css">
    /*overwirtes the original height of the Dock*/
    .CustomHeight .rdTop .rdLeft,
    .CustomHeight .rdTop .rdRight,
    .CustomHeight .rdTop .rdCenter
    {
        background-image: url(WindowAltHeight.gif) !important;
        background-position: 0 0 !important;
        height: 40px !important;
    }
    /*overwirtes the original line-height of the Dock in order to fit the new titbar height*/
    .CustomHeight .rdTitleBar em
    {
        font: 12px/17px "Segoe UI" ,Arial,Sans-serif !important;
    }
    </style>
    .......
    <telerik:RadDock runat="server" ID="rd1" Visible="true" Title="Custom Title Height<br>Second Line"
    Width="300" Height="300" CssClass="CustomHeight">
</telerik:RadDock>

The CustomHeight CSS class is used to apply the custom height to selected RadDock.

Also, please note, that the standard images provided with the built-in skins does not support custom height for the titlebar and you will need to use a custom image to match the required height.

Regards,
Dobromir
the Telerik team

[Shailesh]

Hello Telerik Team,
               First upon thanks for your usefull reply. I have one more query regarding RadDock control's height. I want to set height to raddock by programatically(through javascript). Is it possible. if yes how?

Thanks and Regards,
Shailesh
 

[Dobromir]

Hi Shailesh,

You can modify the RadDock's height using its set_height() client-side method. Please review the following help articles for more detailed information:
Client-Side Basics
RadDock Client Object

Regards,
Dobromir
the Telerik team

[Shailesh]

Hello telerik team,
I want to set height and width for tab button of RadPageView control. How I can do this.  Expected result of tab buttons shows in attached image file. Please reply ASAP. Current version of my dll is 2012.2.608.40


Regards,
Shailesh

[Dobromir]

Hi Shailesh,

Please take a look at the following live demo, I believe it will help you solve this case:
TabStrip / Unique Tab Appearance

Please note that this forum is related to RadDock so, for future reference, could you please post your inquiries in the corresponding forums?

Regards,
Dobromir
the Telerik team