Set Dock Title bar height using JavaScript

8 posts, 0 answers
  1. Avinash
    Avinash avatar
    22 posts
    Member since:
    Nov 2008

    Posted 28 Sep 2010 Link to this post

    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
  2. Rumen
    Admin
    Rumen avatar
    12848 posts

    Posted 28 Sep 2010 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Shailesh
    Shailesh avatar
    5 posts
    Member since:
    Jul 2012

    Posted 30 Jun 2011 Link to this post

    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
  5. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 04 Jul 2011 Link to this post

    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.

  6. Shailesh
    Shailesh avatar
    5 posts
    Member since:
    Jul 2012

    Posted 25 Aug 2011 Link to this post

    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
     
  7. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 29 Aug 2011 Link to this post

    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 >>

  8. Shailesh
    Shailesh avatar
    5 posts
    Member since:
    Jul 2012

    Posted 11 Jul 2012 Link to this post

    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
  9. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 11 Jul 2012 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017