RibbonBar inside table

3 posts, 0 answers
  1. Caesar
    Caesar avatar
    59 posts
    Member since:
    Aug 2008

    Posted 03 Aug 2011 Link to this post

    Hi,

    I am trying to put a RibbonBar inside a table cell. The reason for this is that
    I want to put things to the right of the ribbonbar.
    When I run the page the RibbonBar is not sized correctly. It is too small and
    all buttons is not visible.

    I can not set any width in pixels, the content is dynamic.

    Does anyone know if it is possible to put a ribbonbar inside a table cell?

    <
    table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td >
                    <telerik:RadRibbonBar ID="RadRibbonBar1" runat="server"  Skin="Office2007">
                        <telerik:RibbonBarTab Text="Home">
                            <telerik:RibbonBarGroup >
                                <Items>                            
                                    <telerik:RibbonBarButton Size="Medium" Text="Cut"  />
                                    <telerik:RibbonBarButton Size="Medium" Text="Copy"  />                             
                                </Items>
                            </telerik:RibbonBarGroup>
                            <telerik:RibbonBarGroup >
                                <Items>                            
                                    <telerik:RibbonBarButton Size="Medium" Text="Cut" />
                                    <telerik:RibbonBarButton Size="Medium" Text="Copy"  />                             
                                </Items>
                            </telerik:RibbonBarGroup>
                            <telerik:RibbonBarGroup >
                                <Items>                            
                                    <telerik:RibbonBarButton Size="Medium" Text="Cut" />
                                    <telerik:RibbonBarButton Size="Medium" Text="Copy"  />                             
                                </Items>
                            </telerik:RibbonBarGroup>
                            <telerik:RibbonBarGroup >
                                <Items>                            
                                    <telerik:RibbonBarButton Size="Medium" Text="Cut"  />
                                    <telerik:RibbonBarButton Size="Medium" Text="Copy" />                              
                                </Items>
                            </telerik:RibbonBarGroup>
                            <telerik:RibbonBarGroup >
                                <Items>                            
                                    <telerik:RibbonBarButton Size="Medium" Text="Cut"  />
                                    <telerik:RibbonBarButton Size="Medium" Text="Copy"  />                             
                                </Items>
                            </telerik:RibbonBarGroup>
                        </telerik:RibbonBarTab>
                    </telerik:RadRibbonBar>
                </td>
                <td style="background: red;">
                    Right cell
                </td>
            </tr>
        </table>
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 08 Aug 2011 Link to this post

    Hello Caesar,

    You can use the following css class selectors to align the tab and the group of the RadRibbonBar to the right:
    <style type="text/css">
            /*position the Tab to the right*/
            div.RadRibbonBar .rrbTab
            {
                float: right;
            }
            /*position the Group to the right*/
            div.RadRibbonBar .rrbButtonAreaIn
            {
                float: right;
            }
        </style>

    All the best,
    Kate
    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.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Caesar
    Caesar avatar
    59 posts
    Member since:
    Aug 2008

    Posted 09 Aug 2011 Link to this post

    Seems like you have to set a fixed size to the ribbonbar if you want to put things to the right of it.
Back to Top