Just upgraded to Brooklyn (9.5.10) from Banzai.
Here’s the setup of my nav component:
Here’s what it looks like in runtime:
Why is the nav duplicated? It’s wrapping like it always did, but now also has a collapsed menu.
Question
nav component wraps and shows consolidated menu on desktop
+18Translate
+18<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="false" showheader="false">
<models>
<model id="CurrentUser" limit="1" query="true" createrowifnonefound="false" adapter="salesforce" type="" sobject="User">
<fields>
<field id="Name"/>
<field id="SmallPhotoUrl"/>
<field id="Initials__c"/>
<field id="Profile.Name"/>
</fields>
<conditions>
<condition type="userinfo" value="" field="Id" operator="=" enclosevalueinquotes="true" userinfotype="userid"/>
</conditions>
<actions/>
</model>
<model id="DefaultCenter" limit="1" query="true" createrowifnonefound="false" adapter="salesforce" type="" sobject="Defaults__c">
<fields>
<field id="Name"/>
<field id="Id"/>
<field id="Account_System__c"/>
<field id="PrayerNet__c"/>
<field id="Presumptive_Pregnancy_Diagnosis__c"/>
<field id="Provide_STD_Treatment__c"/>
<field id="Use_Three_Tensions_Model__c"/>
<field id="Patient_Engagment_Model__c"/>
<field id="MotherCare__c"/>
<field id="Review_Requests__c"/>
<field id="Custom_Nav__c"/>
<field id="Provide_hCG_Blood_Test__c"/>
<field id="UserAccounts" uionly="true" displaytype="FORMULA" label="User Accounts" readonly="true" returntype="BOOLEAN">
<formula>{{Account_System__c}}=="User"</formula>
</field>
<field id="RoleAccounts" uionly="true" displaytype="FORMULA" label="Role Accounts" readonly="true" returntype="BOOLEAN">
<formula>{{Account_System__c}}=="Role"</formula>
</field>
<field id="Advocates" uionly="true" displaytype="FORMULA" label="Advocates" readonly="true" returntype="BOOLEAN">
<formula>{{Patient_Engagment_Model__c}}=="Advocate Assisted"</formula>
</field>
<field id="Scheduling_Days__c"/>
<field id="Urgent_Medical_Followup_Email__c"/>
<field id="Full_Panel_STD_Cases__c"/>
<field id="PrayerNet_Email__c"/>
<field id="Standard_Pregnancy_Followup__c"/>
<field id="Permission_to_Call__c"/>
<field id="Permission_to_Email__c"/>
<field id="Permission_to_Leave_Message__c"/>
<field id="Permission_to_Send_Mail__c"/>
<field id="Permission_to_Text__c"/>
<field id="Permission_to_say_CompassCare__c"/>
<field id="Confimation_Hours_before_Appointment__c"/>
<field id="Scheduling_to_Appt_Confirmation_Window__c"/>
<field id="Collect_Patient_Photo_ID__c"/>
<field id="Locations__c"/>
<field id="Medical_Director__c"/>
<field id="Walkin_Appointment_Room__c"/>
<field id="Walkin_Appointment_Room__r.Name"/>
<field id="Default_State__c"/>
<field id="Patient_Contact_Email__c"/>
<field id="Website__c"/>
<field id="Scheduling_Help_Line__c"/>
<field id="Distinct_Sonographer__c"/>
<field id="SCH_Disable_Caller_Other_Than_Patient__c"/>
<field id="Appointment_Duration_Options__c"/>
<field id="Hang_up_is_No_Contact__c"/>
<field id="Manually_Schedule_Medical_Chart_Closing__c"/>
<field id="Schedule_Medical_Closing_Button_Appears__c"/>
<field id="Collect_Phone_Provider__c"/>
<field id="Default_Preliminary_AVR__c"/>
<field id="Ultrasound_Training_Mode__c"/>
<field id="MD_Signature__c"/>
<field id="MD_Signature__r.Name"/>
<field id="MD_Signature__r.skuid__AttachmentId__c"/>
<field id="Logo__c"/>
<field id="Logo__r.Name"/>
<field id="Logo__r.skuid__AttachmentId__c"/>
<field id="Immediate_Followup_for_Cancelled_Returns__c"/>
<field id="Education_Program__c"/>
<field id="Education_Program_Name__c"/>
<field id="Education_Program_Group_Sessions__c"/>
<field id="Accept_Donations_for_STD_Case_Patients__c"/>
<field id="Welcome_Survey__c"/>
<field id="Custom_Health_Assessment__c"/>
<field id="Provide_Abortion_Pill_Reversal__c"/>
</fields>
<conditions/>
<actions/>
</model>
<model id="CustomPicklists" limit="" query="true" createrowifnonefound="false" adapter="salesforce" type="" sobject="Picklist_Value__c">
<fields>
<field id="Default__c"/>
<field id="Picklist__c"/>
<field id="Picklist_Value__c"/>
</fields>
<conditions/>
<actions/>
</model>
<model id="Notifications" limit="20" query="true" createrowifnonefound="false" adapter="salesforce" type="" sobject="Notification__c" doclone="" forview="true" orderby="CreatedDate ASC">
<fields>
<field id="CreatedById"/>
<field id="CreatedBy.Name"/>
<field id="CreatedDate"/>
<field id="Description__c"/>
<field id="Dismissed__c"/>
<field id="Dismissed_By_User__c"/>
<field id="Dismissed_By_User__r.Name"/>
<field id="Dismissed_Date__c"/>
<field id="LastViewedDate"/>
<field id="Name"/>
<field id="Id"/>
<field id="Subject__c"/>
<field id="SubjectID__c"/>
<field id="View__c"/>
</fields>
<conditions>
<condition type="fieldvalue" value="true" enclosevalueinquotes="false" field="Dismissed__c" operator="!=" state="filterableon" inactive="false" name="Dismissed"/>
</conditions>
<actions/>
</model>
</models>
<components>
<pageregion uniqueid="sk-1jCx7Q-505">
<styles>
<styleitem type="background" bgtype="none"/>
</styles>
</pageregion>
</components>
<resources>
<labels/>
<javascript>
<jsitem location="staticresource" name="OptimizeJavascript" cachelocation="false" url="" namespace="" filepath="jquery.inputmask.bundle.js">var params = arguments[0],
$ = skuid.$;
</jsitem>
<jsitem location="staticresource" name="OptimizeJavascript" cachelocation="false" url="" namespace="" filepath="OptimizeJS_General.js">var params = arguments[0],
$ = skuid.$;
</jsitem>
<jsitem location="staticresource" name="OptimizeJavascript" cachelocation="false" url="" namespace="" filepath="OptimizeJS_CustomPicklists.js">var params = arguments[0],
$ = skuid.$;
</jsitem>
</javascript>
<css>
<cssitem location="staticresource" name="OptimizeJavascript" cachelocation="false" url="" namespace="" filepath="OptimizeCSS.css"/>
</css>
</resources>
<styles>
<styleitem type="background" bgtype="none"/>
</styles>
<pageregioncontents>
<pageregioncontent uniqueid="__header">
<components>
<skuidheader sticky="true">
<components>
<grid uniqueid="sk-1j5dHq-56">
<divisions>
<division behavior="fit" verticalalign="center">
<components>
<wrapper uniqueid="sk-1s37Ti-272">
<components>
<image source="staticresource" uniqueid="sk-1j6PP--106" resource="OptimizeGraphics" path="Admin.png" datasource="salesforce" behavior="link">
<styles>
<styleitem type="itemsize" width="auto" height="auto"/>
<styleitem type="border" padding="all">
<styles>
<styleitem property="padding" value="4px"/>
<styleitem property="box-sizing" value="border-box"/>
</styles>
</styleitem>
</styles>
<renderconditions logictype="and">
<rendercondition type="multiple" operator="in" fieldmodel="CurrentUser" sourcetype="userinfo" nosourcerowbehavior="deactivate" sourceuserinfotype="profilename" value="" enclosevalueinquotes="true">
<values>
<value>System Administrator</value>
<value>Executive Management</value>
</values>
</rendercondition>
</renderconditions>
<interactions>
<interaction type="tap">
<action type="redirect" window="self" url="/apex/skuid__ui?page=_Scoreboard"/>
</interaction>
</interactions>
</image>
<image source="staticresource" uniqueid="sk-9rywH-165" resource="OptimizeGraphics" path="MD.png" datasource="salesforce" behavior="link">
<styles>
<styleitem type="itemsize"/>
<styleitem type="border"/>
</styles>
<renderconditions logictype="and">
<rendercondition type="fieldvalue" operator="=" enclosevalueinquotes="true" fieldmodel="CurrentUser" sourcetype="userinfo" nosourcerowbehavior="deactivate" sourceuserinfotype="profilename" value="Medical Director"/>
</renderconditions>
<interactions>
<interaction type="tap">
<action type="redirect" window="self" url="/apex/skuid__ui?page=_Scoreboard"/>
</interaction>
</interactions>
</image>
<image source="staticresource" uniqueid="sk-9sILp-229" resource="OptimizeGraphics" path="General.png" datasource="salesforce" behavior="link">
<styles>
<styleitem type="itemsize"/>
<styleitem type="border"/>
</styles>
<renderconditions logictype="and">
<rendercondition type="multiple" operator="in" fieldmodel="CurrentUser" sourcetype="userinfo" nosourcerowbehavior="deactivate" sourceuserinfotype="profilename" value="" enclosevalueinquotes="true">
<values>
<value>Medical Staff</value>
<value>Medical Manager</value>
<value>Patient Resources Director</value>
<value>Patient Resources Staff</value>
<value>Reception</value>
</values>
</rendercondition>
</renderconditions>
<interactions>
<interaction type="tap">
<action type="redirect" window="self" url="/apex/skuid__ui?page=_Scoreboard"/>
</interaction>
</interactions>
</image>
<image source="staticresource" uniqueid="sk-9swWu-282" resource="OptimizeGraphics" path="Scheduling.png" datasource="salesforce" behavior="link">
<styles>
<styleitem type="itemsize"/>
<styleitem type="border"/>
</styles>
<renderconditions logictype="and">
<rendercondition type="multiple" operator="in" fieldmodel="CurrentUser" sourcetype="userinfo" nosourcerowbehavior="deactivate" sourceuserinfotype="profilename" value="" enclosevalueinquotes="true">
<values>
<value>Scheduling Staff</value>
<value>Scheduling Manager</value>
</values>
</rendercondition>
</renderconditions>
Translate
+18Hey guys. Looks like the XML got cut off above. Here’s the relevant portion:
<pageregioncontents>
<pageregioncontent uniqueid="__header">
<components>
<skuidheader sticky="true">
<components>
<grid uniqueid="sk-1j5dHq-56">
<divisions>
<division behavior="fit" verticalalign="center">
<components>
<wrapper uniqueid="sk-1s37Ti-272">
<components>
<image source="staticresource" uniqueid="sk-1j6PP--106" resource="OptimizeGraphics" path="Admin.png" datasource="salesforce" behavior="link">
<styles>
<styleitem type="itemsize" width="auto" height="auto"/>
<styleitem type="border" padding="all">
<styles>
<styleitem property="padding" value="4px"/>
<styleitem property="box-sizing" value="border-box"/>
</styles>
</styleitem>
</styles>
<renderconditions logictype="and">
<rendercondition type="multiple" operator="in" fieldmodel="CurrentUser" sourcetype="userinfo" nosourcerowbehavior="deactivate" sourceuserinfotype="profilename" value="" enclosevalueinquotes="true">
<values>
<value>System Administrator</value>
<value>Executive Management</value>
</values>
</rendercondition>
</renderconditions>
<interactions>
<interaction type="tap">
<action type="redirect" window="self" url="/apex/skuid__ui?page=_Scoreboard"/>
</interaction>
</interactions>
</image>
<image source="staticresource" uniqueid="sk-9rywH-165" resource="OptimizeGraphics" path="MD.png" datasource="salesforce" behavior="link">
<styles>
<styleitem type="itemsize"/>
<styleitem type="border"/>
</styles>
<renderconditions logictype="and">
<rendercondition type="fieldvalue" operator="=" enclosevalueinquotes="true" fieldmodel="CurrentUser" sourcetype="userinfo" nosourcerowbehavior="deactivate" sourceuserinfotype="profilename" value="Medical Director"/>
</renderconditions>
<interactions>
<interaction type="tap">
<action type="redirect" window="self" url="/apex/skuid__ui?page=_Scoreboard"/>
</interaction>
</interactions>
</image>
<image source="staticresource" uniqueid="sk-9sILp-229" resource="OptimizeGraphics" path="General.png" datasource="salesforce" behavior="link">
<styles>
<styleitem type="itemsize"/>
<styleitem type="border"/>
</styles>
<renderconditions logictype="and">
<rendercondition type="multiple" operator="in" fieldmodel="CurrentUser" sourcetype="userinfo" nosourcerowbehavior="deactivate" sourceuserinfotype="profilename" value="" enclosevalueinquotes="true">
<values>
<value>Medical Staff</value>
<value>Medical Manager</value>
<value>Patient Resources Director</value>
<value>Patient Resources Staff</value>
<value>Reception</value>
</values>
</rendercondition>
</renderconditions>
<interactions>
<interaction type="tap">
<action type="redirect" window="self" url="/apex/skuid__ui?page=_Scoreboard"/>
</interaction>
</interactions>
</image>
<image source="staticresource" uniqueid="sk-9swWu-282" resource="OptimizeGraphics" path="Scheduling.png" datasource="salesforce" behavior="link">
<styles>
<styleitem type="itemsize"/>
<styleitem type="border"/>
</styles>
<renderconditions logictype="and">
<rendercondition type="multiple" operator="in" fieldmodel="CurrentUser" sourcetype="userinfo" nosourcerowbehavior="deactivate" sourceuserinfotype="profilename" value="" enclosevalueinquotes="true">
<values>
<value>Scheduling Staff</value>
<value>Scheduling Manager</value>
</values>
</rendercondition>
</renderconditions>
<interactions>
<interaction type="tap">
<action type="redirect" window="self" url="/apex/skuid__ui?page=_Scoreboard"/>
</interaction>
</interactions>
</image>
</components>
<styles>
<styleitem type="background"/>
<styleitem type="border" margin="left,">
<styles>
<styleitem property="margin-left" value="5px"/>
<styleitem property="box-sizing" value="border-box"/>
</styles>
</styleitem>
<styleitem type="size" width="collapse" height="custom">
<styles>
<styleitem property="width" value="-webkit-fit-content"/>
<styleitem property="width" value="-moz-fit-content"/>
<styleitem property="-ms-grid-columns" value="min-content"/>
<styleitem property="display" value="table"/>
<styleitem property="min-height" value="60px"/>
</styles>
</styleitem>
</styles>
</wrapper>
</components>
</division>
<division behavior="flex" verticalalign="center" minwidth="100px" ratio="1">
<components>
<navigation uniqueid="PrimaryNav" responsivebreakpoint="small" alternateformat="collapse" overflowtomenu="false" icon="fa-bars">
<navigationitems>
<navigationitem label="Queues" icon="sk-icon-listview">
<actions/>
<navigationitems>
<navigationitem label="Confirmations" icon="sk-icon-phone">
<actions>
<action type="redirect" window="self" url="/apex/skuid__ui?page=_ConfirmationQueue"/>
</actions>
<renderconditions logictype="and">
<rendercondition type="multiple" operator="in" fieldmodel="CurrentUser" sourcetype="userinfo" nosourcerowbehavior="deactivate" sourceuserinfotype="profilename" value="" enclosevalueinquotes="true">
<values>
<value>Scheduling Staff</value>
<value>Scheduling Manager</value>
<value>System Administrator</value>
<value>Patient Resources Director</value>
<value>Patient Resources Staff</value>
<value>Medical Staff</value>
<value>Medical Manager</value>
</values>
</rendercondition>
</renderconditions>
</navigationitem>
<navigationitem label="Appointments" icon="fa-clipboard">
<actions>
<action type="redirect" window="self" url="/apex/skuid__ui?page=AppointmentQueue"/>
Translate
+18Hey friends. Looks like this one was just a case of “Matt forgot to ‘update out of date themes’ after upgrading.”
Everything looks good now.
Translate
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.