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

pane background still appearing

3 Answers 64 Views
Docking
This is a migrated thread and some comments may be shown as answers.
mo
Top achievements
Rank 1
mo asked on 07 Sep 2010, 04:33 AM
Hello -

I'm working in Blend 4 and added a raddock, splitcontainer with one tab. The problem I can't seem to solve is the initial pane sliding open has a large whitespace between the radtab items and the bottom of grid. When I pin the pane it looks and behave's as I like - it's only when it's unpaned does this white space appear. All the brushes are off but I can't seem to find the brush to eliminate this white space. Tried resizing the container, dock, or grid but it won't resize with the tab items.

Rookie here so be kind when explaining.
Cheers,
m.

<Canvas x:Name="Additional_Layers1" Background="#00000000" HorizontalAlignment="Right" Height="500" Margin="0,100,0,0" VerticalAlignment="Top" Width="280" >
                <telerik:RadDocking x:Name="Additional_Layers" Background="#00000000" BorderThickness="0" Width="280" VerticalAlignment="Top" Height="500" Foreground="#00000000" BorderBrush="#00848484">
                    <telerik:RadSplitContainer InitialPosition="DockedRight" Background="#008280C4" VerticalAlignment="Top" BorderBrush="#00000000" Height="500">
                        <telerik:RadPaneGroup TabOrientation="Vertical" TabStripPlacement="Right" Background="{x:Null}" BorderBrush="{x:Null}" VerticalAlignment="Top">
                            <telerik:RadPane Header="Additional Layers" CanFloat="False" CanUserClose="False" CanDockInDocumentHost="False" Title="Additional Layers" IsPinned="False" Opacity="0.75" Background="#00000000" BorderThickness="0" VerticalAlignment="Top">
                                <telerik:RadTabControl x:Name="TabGroup_Layers" VerticalAlignment="Top" Background="{x:Null}">
                                    <telerik:RadTabItem x:Name="tab_Layer_List" Header="Layers" DropDownContent="Themes" Background="Transparent" BorderThickness="0">
                                        <Grid x:Name="Layer_List" d:LayoutOverrides="HorizontalAlignment, VerticalMargin" VerticalAlignment="Top">
                                            <telerik:RadPanelBar x:Name="Layer_PanelBar" Margin="0" VerticalAlignment="Top" Foreground="{x:Null}" Background="White">
                                                <telerik:RadPanelBarItem x:Name="panel_culture" Header="Culture" Foreground="Black">
                                                    <Grid x:Name="culture_layers">
                                                        <RadioButton x:Name="btn_ArtGuide" Content="Art Guide" telerik:StyleManager.Theme="Office_Black" GroupName="culture" Height="20" VerticalAlignment="Top" Margin="0,0,9,0" />
                                                        <RadioButton x:Name="btn_poi" Content="Points of Interest" telerik:StyleManager.Theme="Office_Black" GroupName="culture" Margin="0,20,9,0" VerticalAlignment="Top" />
                                                        <RadioButton x:Name="btn_PhotosPano" Content="Photos & Panos" telerik:StyleManager.Theme="Office_Black" GroupName="culture" Margin="0,40,0,0" Height="20" VerticalAlignment="Top" />
                                                    </Grid>
                                                </telerik:RadPanelBarItem>
                                                <telerik:RadPanelBarItem x:Name="panel_emergency" Header="Emergency Response">
                                                    <RadioButton x:Name="btn_adas" Content="Area Designated Assembly" telerik:StyleManager.Theme="Office_Black" GroupName="emergency" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    <RadioButton x:Name="btn_aras" Content="Areas of Resue Assistence" telerik:StyleManager.Theme="Office_Black" GroupName="emergency" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    <RadioButton x:Name="btn_chemical" Content="Chemical Hazards" telerik:StyleManager.Theme="Office_Black" GroupName="emergency" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    <RadioButton x:Name="btn_contacts" Content="Building/Campus Contacts" telerik:StyleManager.Theme="Office_Black" GroupName="emergency" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    <RadioButton x:Name="btn_echairs" Content="Evac-Chairs" telerik:StyleManager.Theme="Office_Black" GroupName="emergency" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    <RadioButton x:Name="btn_fire" Content="Fire Extinguisher/ Exits" telerik:StyleManager.Theme="Office_Black" GroupName="emergency" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    <RadioButton x:Name="btn_firetruck" Content="Fire Truck Route" telerik:StyleManager.Theme="Office_Black" GroupName="emergency" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                </telerik:RadPanelBarItem>
                                                <telerik:RadPanelBarItem x:Name="panel_green" Header="Green">
                                                    <RadioButton x:Name="btn_gardens" Content="Gardens" telerik:StyleManager.Theme="Office_Black" GroupName="green" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    <RadioButton x:Name="btn_recycle" Content="Recycling" telerik:StyleManager.Theme="Office_Black" GroupName="green" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    <RadioButton x:Name="btn_trees" Content="Trees" telerik:StyleManager.Theme="Office_Black" GroupName="green" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                </telerik:RadPanelBarItem>
                                                <telerik:RadPanelBarItem x:Name="panel_safety" Header="Safety">
                                                    <RadioButton x:Name="btn_crime" Content="Crime" telerik:StyleManager.Theme="Office_Black" GroupName="safety" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    <RadioButton x:Name="btn_emergency_phone" Content="Emergency Phones" telerik:StyleManager.Theme="Office_Black" GroupName="safety" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    <RadioButton x:Name="btn_lighting" Content="Lighting" telerik:StyleManager.Theme="Office_Black" GroupName="safety" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                </telerik:RadPanelBarItem>
                                                <telerik:RadPanelBarItem x:Name="panel_transit" Header="Transit/Parking">
                                                    <RadioButton x:Name="btn_student_parking" Content="Student Parking" telerik:StyleManager.Theme="Office_Black" GroupName="transit" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    <RadioButton x:Name="btn_faculty_parking" Content="Faculty Parking" telerik:StyleManager.Theme="Office_Black" GroupName="transit" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    <RadioButton x:Name="btn_street_cleaning" Content="Street Cleaning Lookup" telerik:StyleManager.Theme="Office_Black" GroupName="transit" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                </telerik:RadPanelBarItem>
                                                <telerik:RadPanelBarItem x:Name="panel_utility" Header="Utilities">
                                                    <CheckBox x:Name="cx_comm" Content="Communication/Data" Height="19" Width="179"/>
                                                    <CheckBox x:Name="cx_elec" Content="Electrical" Height="19" Width="179"/>
                                                    <CheckBox x:Name="cx_gas" Content="Gas" Height="19" Width="179"/>
                                                    <CheckBox x:Name="cx_sewer" Content="Sewer" Height="19" Width="179"/>
                                                    <CheckBox x:Name="cx_storm" Content="Storm" Height="19" Width="179"/>
                                                    <CheckBox x:Name="cx_water" Content="Water" Height="19" Width="179"/>
                                                </telerik:RadPanelBarItem>
                                                <telerik:RadPanelBarItem x:Name="panel_community" Header="Community Input"/>
                                                <telerik:RadPanelBarItem x:Name="panel_facility" Header="Facilities">
                                                    <RadioButton x:Name="btn_fci" Content="Facility Condition Index" telerik:StyleManager.Theme="Office_Black" GroupName="facility" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    <RadioButton x:Name="btn_mrq" Content="Maintenance Requests" telerik:StyleManager.Theme="Office_Black" GroupName="facility" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    <RadioButton x:Name="btn_year_built" Content="Year Built" telerik:StyleManager.Theme="Office_Black" GroupName="facility" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                </telerik:RadPanelBarItem>
                                            </telerik:RadPanelBar>
                                        </Grid>
                                    </telerik:RadTabItem>
                                    <telerik:RadTabItem x:Name="tab_Information" Header="Information" DropDownContent="Information">
                                        <Grid x:Name="Layer_Info" Background="#FF932B2B">
                                            <telerik:RadPanelBar Margin="8,8,8,40" VerticalAlignment="Stretch" d:IsLocked="True">
                                                <telerik:RadPanelBarItem Header="About this Layer"/>
                                                <telerik:RadPanelBarItem Header="Layer Metadata"/>
                                                <telerik:RadPanelBarItem Header="Layer FAQ's"/>
                                                <telerik:RadPanelBarItem Header="Report Errors"/>
                                                <telerik:RadPanelBarItem Header="Other Resources"/>
                                                <telerik:RadPanelBarItem Header="Contact & Credits"/>
                                            </telerik:RadPanelBar>
                                        </Grid>
                                    </telerik:RadTabItem>
                                </telerik:RadTabControl>
                            </telerik:RadPane>
                        </telerik:RadPaneGroup>
                    </telerik:RadSplitContainer>
                </telerik:RadDocking>
            </Canvas>

3 Answers, 1 is accepted

Sort by
0
Konstantina
Telerik team
answered on 08 Sep 2010, 02:03 PM
Hi,

Thank you for contacting us.

Could you please send us a screenshot illustrating the white space you want to remove. In that way we will be able to provide you with the best solution.

Looking forward to your reply.

Regards,
Konstantina
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
mo
Top achievements
Rank 1
answered on 09 Sep 2010, 02:29 AM
Hi Konstantina -

Thank you for responding to my question. Attached are two images:

expanded.jpg - demonstrates the white space I'm having difficulty removing. You'll see there's whitespace between the last radexpander 'facilities' and the bottom of the pane...I guess...I'm not sure what it is since all the controls have no brushes.

pinned.jpg - is the result once I pin the pane - this look is what I'm expecting when I hover over the tab.

Cheers,
m.
0
Konstantina
Telerik team
answered on 10 Sep 2010, 02:35 PM
Hi Mo,

Thank you for the screenshots.

This white space is the Pane itself in the AutoHideArea. To change it you will have to edit the following ControlTemplate:
<ControlTemplate x:Key="AutoHideAreaRightTemplate" TargetType="dock:AutoHideArea">
....
</ControlTemplate>
In it find the Popup and set the MaxHeight property of the Grid inside it. That should remove the white space and make it as high as the Pane when it is pinned.

<Popup IsOpen="False" x:Name="ContentPopup"
                <Grid
                    <Grid x:Name="PopupChild" MinWidth="50" MinHeight="50" MaxHeight="50"
                        <Grid.ColumnDefinitions>......


Hope this information helps. If you need further help please let us know.

All the best,
Konstantina
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Docking
Asked by
mo
Top achievements
Rank 1
Answers by
Konstantina
Telerik team
mo
Top achievements
Rank 1
Share this question
or