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

Set Dock Title bar height using JavaScript

7 Answers 119 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Avinash
Top achievements
Rank 2
Avinash asked on 28 Sep 2010, 07:41 AM
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

7 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 28 Sep 2010, 03:35 PM
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
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
Shailesh
Top achievements
Rank 1
answered on 30 Jun 2011, 03:33 PM
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
0
Dobromir
Telerik team
answered on 04 Jul 2011, 12:06 PM
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

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

0
Shailesh
Top achievements
Rank 1
answered on 25 Aug 2011, 02:39 PM
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
 
0
Dobromir
Telerik team
answered on 29 Aug 2011, 07:42 AM
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

Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

0
Shailesh
Top achievements
Rank 1
answered on 11 Jul 2012, 02:44 PM
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
0
Dobromir
Telerik team
answered on 12 Jul 2012, 01:24 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Dock
Asked by
Avinash
Top achievements
Rank 2
Answers by
Rumen
Telerik team
Shailesh
Top achievements
Rank 1
Dobromir
Telerik team
Share this question
or