Overflowing nav menu doesn't include correct options (9.5.14)

Matt Sones
Matt Sones 💎💎💎
edited October 5, 2017 in Questions
Strange things are happening. Check it out:




Comments

  • Stephen Sells
    edited September 29, 2017
    Thank you for posting a video. Extraordinarily helpful!

    A quick question while I go and try to reproduce this error:
    Does the button you sometimes see twice work for what it is titled for or is the title incorrect. Sometimes you see innovation twice, but is the second innovation working as setting? I'm wanting to see if it is just titling them wrong or if it is duplicating the same thing twice. 
  • Stephen Sells
    edited September 29, 2017
    Are you seeing this on every page or is it only this one nav menu? I haven't been able to reproduce it on 9.5.14 
  • Matt Sones
    Matt Sones 💎💎💎
    edited September 29, 2017
    It's one nav menu... but I only have one horizontal nav menu which is in our header (master page) and therefore is used on nearly all pages across all the orgs using our app.
  • Matt Sones
    Matt Sones 💎💎💎
    edited September 29, 2017
    It's not just the title that is in the wrong place, it's the entire menu.
  • Matt Sones
    Matt Sones 💎💎💎
    edited October 3, 2017
    Here's the XML of our master page. Not sure if it will help since there are models on custom objects, etc.

    <skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="false" showheader="false" useviewportmeta="true">
      <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" type="" sobject="Notification__c" doclone="" forview="true" orderby="Red_Alert__c DESC, CreatedDate ASC" datasource="salesforce">
          <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"/>
            <field id="Red_Alert__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>
              <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">
                              <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>
                            </image>
                            <image source="staticresource" uniqueid="sk-9rywH-165" resource="OptimizeGraphics" path="MD.png">
                              <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>
                            </image>
                            <image source="staticresource" uniqueid="sk-9sILp-229" resource="OptimizeGraphics" path="General.png">
                              <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>
                            </image>
                            <image source="staticresource" uniqueid="sk-9swWu-282" resource="OptimizeGraphics" path="Scheduling.png">
                              <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>
                            </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" overflowtomenu="false" responsivebreakpoint="small" alternateformat="collapse">
                          <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"/>
                                  </actions>
                                  <renderconditions logictype="and">
                                    <rendercondition type="multiple" operator="in" fieldmodel="CurrentUser" sourcetype="userinfo" nosourcerowbehavior="deactivate" sourceuserinfotype="profilename" value="" enclosevalueinquotes="true">
                                      <values>
                                        <value>Reception</value>
                                        <value>Medical Staff</value>
                                        <value>Medical Manager</value>
                                        <value>Patient Resources Director</value>
                                        <value>Patient Resources Staff</value>
                                        <value>System Administrator</value>
                                      </values>
                                    </rendercondition>
                                  </renderconditions>
                                </navigationitem>
                                <navigationitem label="Ultrasound Reports" icon="fa-image">
                                  <actions>
                                    <action type="redirect" window="self" url="/apex/skuid__ui?page=UltrasoundReportQueue"/>
                                  </actions>
                                  <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>System Administrator</value>
                                      </values>
                                    </rendercondition>
                                  </renderconditions>
                                </navigationitem>
                                <navigationitem label="Test Results" icon="sk-icon-configure">
                                  <actions>
                                    <action type="redirect" window="self" url="/apex/skuid__ui?page=TestResultsQueue"/>
                                  </actions>
                                  <renderconditions logictype="and">
                                    <rendercondition type="multiple" operator="in" fieldmodel="CurrentUser" sourcetype="userinfo" nosourcerowbehavior="deactivate" sourceuserinfotype="pr
  • Matt Sones
    Matt Sones 💎💎💎
    edited September 29, 2017
  • Stephen Sells
    edited September 29, 2017
    That XML did replicate the behavior I see on your page.
  • Matt Sones
    Matt Sones 💎💎💎
    edited September 29, 2017
    Ok, thanks. Let me know when you have a fix identified.

    i'm going to take down the xml from dropbox, since you have it already.
  • Stephen Sells
    edited September 29, 2017
    It looks like it is related to the Labels in the Nav Menu. If I delete those, and any custom CSS or Javascript (how I roll), then I see it working.
  • Matt Sones
    Matt Sones 💎💎💎
    edited September 29, 2017
    Labels? Are you suggesting that I delete all the labels in the nav component and use only icons?
  • Stephen Sells
    edited September 29, 2017
    I'm not suggesting you built it incorrectly. Labels should work there. But I am suggesting you could see if it works when you change it? I don't think it's the page include, the flex ratio, or some other problem. I'm hoping to narrow it down

  • Matt Sones
    Matt Sones 💎💎💎
    edited September 29, 2017
    Just making sure we're on the same page. This is the problem?

    image
  • Matt Sones
    Matt Sones 💎💎💎
    edited September 29, 2017
    If I remove all the labels, I have to make the screen very small to even need to begin wrapping?
  • Stephen Sells
    edited September 29, 2017
    No. I apologize. My bad. I was not remotely clear enough. I responded to this post too quickly. I need more research.

    I have found that if I delete the buttons that are using {{mergeSyntax}} and if I delete Scripts [the nav button] because it's the only one with an action on it, then the others are working. I'm still trying to narrow it down.
  • Matt Sones
    Matt Sones 💎💎💎
    edited October 2, 2017
    Ok, please let me know when you have a solution. We're not able to use this excellent, space-saving feature until it works properly.
  • Stephen Sells
    edited October 2, 2017
    I have been unable to replicate the error on anything other than your page. Are you able to see this problem any where else? 
  • Matt Sones
    Matt Sones 💎💎💎
    edited October 2, 2017
    As I mentioned earlier, this is the only page we have with a  horizontal nav component in a header. In that sense, no.

    We use the same page across multiple orgs, and in that sense, yes.
  • Stephen Sells
    edited October 3, 2017
    The XML link is no longer working for me. Would you mind putting the updated link in again?
  • Stephen Sells
    edited October 3, 2017
    The XML link is no longer working for me. Would you mind putting the updated link in again?
  • Matt Sones
    Matt Sones 💎💎💎
    edited October 3, 2017
    Here you go.

    Let me know when you have it saved somewhere so I can remove it from the internet.
  • Stephen Sells
    edited October 3, 2017
    I have saved it. You can remove it now. 
  • Matt Sones
    Matt Sones 💎💎💎
    edited October 3, 2017
    Thanks!
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!