This is a migrated thread and some comments may be shown as answers.

Outlookbar covers entire area on resize

7 Answers 41 Views
OutlookBar
This is a migrated thread and some comments may be shown as answers.
Voltz
Top achievements
Rank 1
Voltz asked on 21 Nov 2013, 08:20 AM
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>

7 Answers, 1 is accepted

Sort by
0
Pavel R. Pavlov
Telerik team
answered on 25 Nov 2013, 05:03 PM
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 >>
0
Voltz
Top achievements
Rank 1
answered on 02 Dec 2013, 09:13 AM
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
0
Tina Stancheva
Telerik team
answered on 05 Dec 2013, 10:12 AM
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 >>
0
Voltz
Top achievements
Rank 1
answered on 06 Dec 2013, 05:18 AM
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
0
Tina Stancheva
Telerik team
answered on 11 Dec 2013, 08:15 AM
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 >>
0
Voltz
Top achievements
Rank 1
answered on 17 Dec 2013, 02:27 AM
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
0
Tina Stancheva
Telerik team
answered on 19 Dec 2013, 04:27 PM
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 >>
Tags
OutlookBar
Asked by
Voltz
Top achievements
Rank 1
Answers by
Pavel R. Pavlov
Telerik team
Voltz
Top achievements
Rank 1
Tina Stancheva
Telerik team
Share this question
or