Outlookbar covers entire area on resize

8 posts, 0 answers
  1. Voltz
    Voltz avatar
    17 posts
    Member since:
    Aug 2011

    Posted 21 Nov 2013 Link to this post

    when the outlook bar's splitter is dragged to resize, it occupies the entire area of the main region. Here is a simplified layout within the Shell.
    In Outlook, the main region would have a minimum width set. Even if i set the min width to the border or within the content control inside it is not working as expected
    <DockPanel x:Name="LayoutRoot">
     
            <ContentControl x:Name="RibbonPanel" />
            <ContentControl x:Name="StatusBarPanel" />
            <ContentControl x:Name="ControlPanelRegion"  />
            <ContentControl x:Name="OutlookBarPanel"  />
            <Border  BorderThickness="2" Padding="0" >           
                <Grid >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <ContentControl x:Name="MainRegion" />
                    <ContentControl x:Name="AnotherRegion"  />
                </Grid>
            </Border>
    </DockPanel>
  2. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 25 Nov 2013 Link to this post

    Hello,

    I tested the simplified layout and I reproduced the reported behavior on our side. It looks that when the Width of the RadOutlookBar is not set, the control tries to visualize all items even if they are in minimized state. In other words the control tries to hide the overflow button.

    However, if you set Width of the RadOutlookBar the overflow button will be visualized when it is needed. This will prevent the control from occupying additional space. Please give this approach a try and let us know if you need any further assistance.

    I hope this will solve your issue.

    Regards,
    Pavel R. Pavlov
    Telerik
    TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WPF.
    Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
    Sign up for Free application insights >>
  3. UI for WPF is Visual Studio 2017 Ready
  4. Voltz
    Voltz avatar
    17 posts
    Member since:
    Aug 2011

    Posted 02 Dec 2013 Link to this post

    Hi Pavel,

    I've tried your suggestion but it didn't work. Do you have a sample application? I tried a simple application, removing content controls and any Prism references.

    <telerik:RadOutlookBar Width="300" DockPanel.Dock="Left" >
                <telerik:RadOutlookBarItem Header="Item A" />
                <telerik:RadOutlookBarItem Header="Item B" />
    </telerik:RadOutlookBar>
    <Grid MinWidth="100" >
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <ContentControl x:Name="MainRegion"   Grid.Row="0" />
                <ContentControl x:Name="Subregion" Grid.Row="1" />
    </Grid>


    this still didn't work. I can still drag and have the outlook bar occupy the entire width of the application.

    Thanks
  5. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 05 Dec 2013 Link to this post

    Hi Felipe,

    I tested the suggested solution with the Width set to 300px and I cannot find an issue in the sample solution I attached. Can you please give it a try and let us know if there is something we're missing.

    Thank you in advance.

    Regards,
    Tina Stancheva
    Telerik
    TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WPF.
    Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
    Sign up for Free application insights >>
  6. Voltz
    Voltz avatar
    17 posts
    Member since:
    Aug 2011

    Posted 05 Dec 2013 Link to this post

    Hi Tina,

    i tried the solution and i still get the outlookbar covering the entire width of the application.

    i've set the main region to have a minimum width which is similar to outlook preventing the outlookbar from dragging beyond the set minimum width of that area.

    Thanks
  7. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 11 Dec 2013 Link to this post

    Hi Filipe,

    Unfortunately I'm not sure I understand the issue correctly. Can you please let me know the steps I have to follow to reproduce it in the sample I previously attached? Also, can you tell me whether there are any settings I have to change to replicate the issue in my solution.

    I think it would also help to send a snapshot with comments describing the width of the entire application, what part of it you expect the RadOutlookBar to take and how the other parts of the viewport should be organized.

    Regards,
    Tina Stancheva
    Telerik
    TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WPF.
    Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
    Sign up for Free application insights >>
  8. Voltz
    Voltz avatar
    17 posts
    Member since:
    Aug 2011

    Posted 16 Dec 2013 Link to this post

    Hi Tina,

    If you take a look at MS Outlook, dragging the outlook bar yields only a maximum width. the main region consists of a list of emails within the folder and another for the preview of the content and they are not being covered completely by the outlookbar once you drag all the way to the right.

    take a look at this screenshot i posted here and compare it with a screenshot from the sample application i posted earlier.

    thanks
  9. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 19 Dec 2013 Link to this post

    Hello Filipe,

    Thank you for getting back to us. I can now better understand the issue. Basically the Vertical resizer will allow you to resize the RadOutlookBar until its width matches a restriction. This is why in order to restrict the resizer, you can set a MaxWidth on the RadOutlookBar component - make sure the MaxWidth value matches the maximum width you'd like to allocate for the component.

    Please give this a try and let me know if it helps.

    Regards,
    Tina Stancheva
    Telerik
    TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WPF.
    Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
    Sign up for Free application insights >>
Back to Top
UI for WPF is Visual Studio 2017 Ready