Hiding the titlebar of the RibbonControl

4 posts, 0 answers
  1. Thomas Bargholz
    Thomas Bargholz avatar
    14 posts
    Member since:
    Oct 2006

    Posted 10 Oct 2017 Link to this post

    Hi,

    when I add a ribbon to a form, it automatically contains a titlebar with minimize/maximize/close buttons.

    However, I would like for the form to continue using the default form one, rather than the one in the ribbon control (as I have no need for the quick menu in my app).

    How do I go about hiding the titlebar of the ribbon control?

    Regards,

    Thomas

     

  2. Dimitar
    Admin
    Dimitar avatar
    2563 posts

    Posted 12 Oct 2017 Link to this post

    Hi Thomas,

    Indeed the ribbon has its own title bar because the application button is part of it and has additional elements like the quick access toolbar. In your case, if you do not need the quick access menu just don't add any items to it and nothing will be displayed.

    I hope this will be useful. Let me know if you have additional questions.

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Thomas Bargholz
    Thomas Bargholz avatar
    14 posts
    Member since:
    Oct 2006

    Posted 12 Oct 2017 in reply to Dimitar Link to this post

    Hi Dimitar,

    If I hide the start menu and quick access, it still draws the title bar.

    I've then tried to hide the caption fill/border, but while that doesn't draw the titlebar, it just leaves an empty area. 

    What I'm trying to achieve is a ribbon with no titlebar, no startmenu, no quickaccess - just the ribbon bar it self.

    Here is my code for hiding stuff:

     

    this.radRibbonBar1.RibbonBarElement.ApplicationButtonElement.Visibility = Telerik.WinControls.ElementVisibility.Hidden; this.radRibbonBar1.RibbonBarElement.QuickAccessToolBar.Visibility = Telerik.WinControls.ElementVisibility.Hidden; this.radRibbonBar1.RibbonBarElement.CaptionFill.Visibility = Telerik.WinControls.ElementVisibility.Hidden; this.radRibbonBar1.RibbonBarElement.RibbonCaption.Visibility = Telerik.WinControls.ElementVisibility.Hidden; this.radRibbonBar1.RibbonBarElement.CaptionBorder.Visibility = Telerik.WinControls.ElementVisibility.Hidden;

     

    Regards

    Thomas

     

     

  4. Dimitar
    Admin
    Dimitar avatar
    2563 posts

    Posted 12 Oct 2017 Link to this post

    Hi Thomas,

    To achieve this you need to click "No" when asked to use the RibbonBar behavior. See the first image here: Getting Started | RadRibbonForm. This way there will be two title bars. Then you can use your code to hide the second one. In addition, you can change the pattings of the tabs. I have attached a small sample that shows this.

    I hope this will be useful. Let me know if you have additional questions.

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top