Outlookbar covers entire area on resize

[Voltz]

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>

[Pavel R. Pavlov]

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

[Voltz]

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

[Tina Stancheva]

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

[Voltz]

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

[Tina Stancheva]

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

[Voltz]

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

[Tina Stancheva]

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