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

[Solved] pane background still appearing

3 Answers 148 Views

Docking

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

This question is locked. New answers and comments are not allowed.

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

answered on 09 Sep 2010, 02:29 AM

expanded.jpg

pinned.jpg

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.

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