Changes

<div class{{Expander|indent="toccolours mw-collapsible mw-collapsed"><div style22px|heading="font-weight:bold;line-height:1.6;">Steps to Conversion</div><div class="mw-collapsible-|content">=*<b>Step 1:</b> For each custom; UBIKContentArea, UBIKRootArea, UBIKDocumentArea, UBIKQueryArea:** Remove the <muxc:NavigationView ...> and inline notes.** Replace it with the ContentControl that references the new UBIKNavigationView as it's template (<ContentControl Template="{StaticResource UBIKNavigationView}"> found in any of the default area templates named above), and optionally the xaml notes, documented below. <nowiki><!-- From 4.4 The NavigationView has been restructured to require less xaml customizing. A single template (UBIKNavigationView) is now defined in UBIKThemes, and referenced via ContentControl in UBIKRootArea, UBIKContentArea, UBIKQueryArea, UBIKDocumentArea. The page content is now simply inserted as a child of the ContentControl. --></nowiki> <ContentControl Template="{StaticResource UBIKNavigationView}">

*<b>Step 2:</b> Unfortunately, due to the way our themes are loaded, we need to include the new items in our custom UBIKThemes in order for customized color resources, like UBIKAccentColor, to be reflected on the NavigationView (otherwise it will always be standard orange).** We also need to remove the old customizing to prevent interference of these styles.** Clean up your UBIKThemes by removing all of the standard customizing from before the update. The easiest way is to;*** Search in your custom UBIKThemes.xaml for the NavigationView section (you can find it between the tags: <!--#region NAVIGATION VIEW-->) and remove all the contents from this region.*** Use Developer Mode to unpack or access the newest standard UBIKThemes, and paste in the two following items in their entirety (make sure you get the entire item, until its closing tag):  <Style x:Key="UBIKPaneToggleButtonStyle"...></Style>  <ControlTemplate x:Key="UBIKNavigationView">...</ControlTemplate></div></div> <br>}}