locked
Missing JS RRS feed

  • Question

  • User-1193791088 posted

    i am using Bootstrap and when I add a dropdown I get an error missing popper.js

    but my page is

            <asp:ScriptManager runat="server" ID="ScriptManager" EnablePageMethods="true">
                <Scripts>
                    <%--To learn more about bundling scripts in ScriptManager see http://go.microsoft.com/fwlink/?LinkID=301884 --%>
                    <%--Framework Scripts--%>
                    <asp:ScriptReference Name="MsAjaxBundle" />
                    <asp:ScriptReference Name="jquery" />
                    <asp:ScriptReference Name="bootstrap" />
                    <asp:ScriptReference Name="respond" />
                    <asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" />
                    <asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" />
                    <asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" />
                    <asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" />
                    <asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" />
                    <asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" />
                    <asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" />
                    <asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" />
    
                    <asp:ScriptReference Name="WebFormsBundle" />
                    <%--Site Scripts--%>
                </Scripts>
            </asp:ScriptManager>

    packages.config

    <packages>
      <package id="AjaxControlToolkit" version="18.1.0" targetFramework="net461" />
      <package id="Antlr" version="3.5.0.2" targetFramework="net461" />
      <package id="AspNet.ScriptManager.bootstrap" version="4.1.1" targetFramework="net461" />
      <package id="AspNet.ScriptManager.jQuery" version="3.3.1" targetFramework="net461" />
      <package id="bootstrap" version="4.1.3" targetFramework="net461" />
      <package id="EntityFramework" version="6.2.0" targetFramework="net461" />
      <package id="icheck-bootstrap" version="3.0.1" targetFramework="net461" />
      <package id="jQuery" version="3.3.1" targetFramework="net461" />
      <package id="Microsoft.AspNet.FriendlyUrls.Core" version="1.0.2" targetFramework="net461" />
      <package id="Microsoft.AspNet.Identity.Core" version="2.2.2" targetFramework="net461" />
      <package id="Microsoft.AspNet.Identity.EntityFramework" version="2.2.2" targetFramework="net461" />
      <package id="Microsoft.AspNet.Identity.Owin" version="2.2.2" targetFramework="net461" />
      <package id="Microsoft.AspNet.Providers.Core" version="2.0.0" targetFramework="net461" />
      <package id="Microsoft.AspNet.ScriptManager.MSAjax" version="5.0.0" targetFramework="net461" />
      <package id="Microsoft.AspNet.ScriptManager.WebForms" version="5.0.0" targetFramework="net461" />
      <package id="Microsoft.AspNet.Web.Optimization" version="1.1.3" targetFramework="net461" />
      <package id="Microsoft.AspNet.Web.Optimization.WebForms" version="1.1.3" targetFramework="net461" />
      <package id="Microsoft.CodeDom.Providers.DotNetCompilerPlatform" version="2.0.0" targetFramework="net461" />
      <package id="Microsoft.Net.Compilers" version="2.9.0" targetFramework="net461" developmentDependency="true" />
      <package id="Microsoft.Owin" version="4.0.0" targetFramework="net461" />
      <package id="Microsoft.Owin.Host.SystemWeb" version="4.0.0" targetFramework="net461" />
      <package id="Microsoft.Owin.Security" version="4.0.0" targetFramework="net461" />
      <package id="Microsoft.Owin.Security.Cookies" version="4.0.0" targetFramework="net461" />
      <package id="Microsoft.Owin.Security.Facebook" version="4.0.0" targetFramework="net461" />
      <package id="Microsoft.Owin.Security.Google" version="4.0.0" targetFramework="net461" />
      <package id="Microsoft.Owin.Security.MicrosoftAccount" version="4.0.0" targetFramework="net461" />
      <package id="Microsoft.Owin.Security.OAuth" version="4.0.0" targetFramework="net461" />
      <package id="Microsoft.Owin.Security.Twitter" version="4.0.0" targetFramework="net461" />
      <package id="Microsoft.Web.Infrastructure" version="1.0.0.0" targetFramework="net461" />
      <package id="Modernizr" version="2.8.3" targetFramework="net461" />
      <package id="Newtonsoft.Json" version="11.0.2" targetFramework="net461" />
      <package id="Owin" version="1.0" targetFramework="net461" />
    
      <package id="popper.js" version="1.14.3" targetFramework="net461" />   !!!!!!!!!!!!!!!!!!! HERE IT IS!
    
      <package id="Respond" version="1.4.2" targetFramework="net461" />
      <package id="WebGrease" version="1.6.0" targetFramework="net461" />
    </packages>

    why am i getting the error? the file is in scripts folder

    Sunday, October 28, 2018 6:43 AM

All replies

  • User1120430333 posted

    why am i getting the error? the file is in scripts folder

    You don't hove a ScriptReference pointing to the proper.js plugin in the page's ScriptReferences. So the page doesn't know about proper.js. 

    Sunday, October 28, 2018 8:34 AM
  • User-1193791088 posted

    This is what my console tells me

    TypeError: Bootstrap dropdown require Popper.js (https://popper.js.org) dropdown.js:155:16

    The dropdown works on my masterpage, but when i place it in the Content page - I get this error (firefox) because the dropdown menu does note display

    Sunday, October 28, 2018 1:37 PM
  • User475983607 posted

    Bootstrap 4 requires popper.js.  Please read the Bootstrap documentation.

    https://getbootstrap.com/docs/4.0/getting-started/download/

    The dropdown works on my masterpage, but when i place it in the Content page - I get this error (firefox) because the dropdown menu does note display

    That points to an issue with the content page.  It could be what you're calling a content page is not a content page but a web form and it is missing references or there are conflicting references in the content page causing he error.   

    Either way, it is very difficult to provide accurate assistance without the source code or or sample code that reproduces the issue.

    Sunday, October 28, 2018 2:13 PM
  • User-1193791088 posted

    What more code do you need - you have my scriptmanager that references the package with popper.js - you have a copy of packages.config - the scriptmanager is in my masterpage, My page layout is on the masterpage and uses bootstrap dropdown - Works fine but when I put the exact same (copy) on the content page - firefox shows an error when I press the one placed on the Contentpage, but when I clicked the one from Masterpage the error does not exist!

    <%@ Master Language="C#" AutoEventWireup="true" CodeFile="CP.master.cs" Inherits="Admin_CP" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title><%: Page.Title %> - My Service Solutions</title>
    
        <asp:PlaceHolder runat="server">
            <%: Scripts.Render("~/bundles/modernizr") %>
        </asp:PlaceHolder>
    
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta http-equiv="x-ua-compatible" content="ie=edge" />
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous" />
    </head>
    <body>
        <form runat="server">
            <asp:ScriptManager runat="server" ID="ScriptManager" EnablePageMethods="true">
                <Scripts>
                    <%--To learn more about bundling scripts in ScriptManager see http://go.microsoft.com/fwlink/?LinkID=301884 --%>
                    <%--Framework Scripts--%>
                    <asp:ScriptReference Name="MsAjaxBundle" />
                    <asp:ScriptReference Name="jquery" />
                    <asp:ScriptReference Name="bootstrap" />
                    <asp:ScriptReference Name="respond" />
                    <asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" />
                    <asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" />
                    <asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" />
                    <asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" />
                    <asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" />
                    <asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" />
                    <asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" />
                    <asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" />
    
                    <asp:ScriptReference Name="WebFormsBundle" />
                    <%--Site Scripts--%>
                </Scripts>
            </asp:ScriptManager>
    
    
            <nav class="navbar fixed-top navbar-expand-sm navbar-dark bg-navbar ds-secondary border-bottom">
                <a class="navbar-brand text-white ml-1" href="#">
                    <asp:Image ID="Image1" runat="server" ImageUrl="~/Content/logo/Logo-My-Square-Reverse-sm.png"  />
                    &nbsp;Solutions</a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
                <div class="collapse navbar-collapse w-100" id="navbarResponsive">
                    <ul class="navbar-nav w-100 mr-auto">
                        <li class="nav-item dropdown btn btn-primary ml-1">
                            <a class="nav-link dropdown-toggle mr-2 font-weight-bold text-white" id="MasterPage_DropDown_Accounting" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">ACCOUNTING</a>
                            <div class="dropdown-menu" aria-labelledby="MasterPage_DropDown_Accounting">
                                <h3 class="dropdown-header text-primary"><i class="fas fa-book"></i> Accounting</h3>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Accounting/GeneralLedger.aspx" >GENERAL LEDGER <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Accounting/GeneralJournal.aspx" >GENERAL JOURNAL <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="#" >PROFIT & LOSS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Accounting/ChartOfAccounts.aspx" >CHART OF ACCOUNTS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <div class="dropdown-divider"></div>
                                <h3 class="dropdown-header text-primary"><i class="fas fa-dollar-sign"></i> Accts Payable</h3>
                                <asp:HyperLink ID="MstrLnk_Items_Vendors" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/Product/Vendors.aspx" >VENDORS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink ID="MstrLnk_Items_Manufacturers" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/Product/Vendors.aspx" >MANUFACTURERS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <div class="dropdown-divider"></div>
                                <h3 class="dropdown-header text-primary"><i class="fas fa-dollar-sign"></i> Accts Receivable</h3>
                                <asp:HyperLink ID="MstrLnkQuotesView" CssClass="dropdown-item font-weight-bold" runat="server" NavigateUrl="~/Admin/Customer/Sales/Quotes/SalesQuotes.aspx" >SALES QUOTES <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink ID="MstrLnkJobsManage" CssClass="dropdown-item font-weight-bold" runat="server" NavigateUrl="~/Admin/Customer/Sales/Jobs/Jobs.aspx" >JOBS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink ID="MstrLnkInvoiceManage" CssClass="dropdown-item font-weight-bold" runat="server" NavigateUrl="~/Admin/Customer/Sales/Invoices/Invoices.aspx" >INVOICES <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                            </div>
                        </li>
                        <li class="nav-item dropdown btn btn-primary ml-1">
                            <a class="nav-link dropdown-toggle mr-2 font-weight-bold" id="MasterPage_DropDown_Ops" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">OPERATIONS</a>
                            <div class="dropdown-menu" aria-labelledby="MasterPage_DropDown_Ops">
                                <h3 class="dropdown-header text-primary font-weight-bold">&nbsp; Company</h3>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="#" Text="GOVERNANCE &#xf101;" />
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Governance/Policies.aspx" Text="POLICIES &#xf101;" />
                                <div class="dropdown-divider"></div>
                                <h3 class="dropdown-header text-primary font-weight-bold">Website</h3>
                                <asp:HyperLink ID="MstrLnk_Data_Lists" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Data/Datalists.aspx" Text="DATA-LISTS &#xf101;" >DATA-LISTS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="#">CONTENT  &#xf101;</asp:HyperLink>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Data/Datalists.aspx">SERVICE TERMS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                            </div>
                        </li>
                        <li class="nav-item dropdown btn btn-primary ml-1">
                            <a class="nav-link dropdown-toggle mr-2 font-weight-bold" id="MasterPage_DropDown_Customers" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">CUSTOMERS</a>
                            <div class="dropdown-menu" aria-labelledby="MasterPage_DropDown_Customers">
                                <h3 class="dropdown-header text-primary font-weight-bold"><i class="fas fa-id-badge"></i> Accounts</h3>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Customer/Account/Accounts.aspx" >CUSTOMER ACCOUNTS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <div class="dropdown-divider"></div>
                                <h3 class="dropdown-header text-primary font-weight-bold"><i class="fas fa-map-signs"></i> LOCATIONS</h3>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Customer/Account/Locations/Locations.aspx" >LOCATIONS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Customer/Account/Locations/Relationships.aspx" >RELATIONSHIPS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <div class="dropdown-divider"></div>
                                <h3 class="dropdown-header text-primary font-weight-bold"><i class="fas fa-user"></i> USERS</h3>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Customer/Account/Users/Users.aspx">USERS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Customer/Account/Users/Users.aspx">SECURITY <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <div class="dropdown-divider"></div>
                                <h3 class="dropdown-header text-primary font-weight-bold"><i class="fas fa-file-invoice"></i> CONTRACTS</h3>
                                <asp:HyperLink ID="HyperLink7" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/ItemAdd.aspx" Text="JANITORIAL &#xf101;" >JANITORIAL <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink ID="HyperLink10" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/ItemAdd.aspx" Text="HOUSE CLEANING &#xf101;" />
                                <asp:HyperLink ID="HyperLink11" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/ItemAdd.aspx" Text="WINDOW CLEANING &#xf101;" />
                                <asp:HyperLink ID="HyperLink12" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/ItemAdd.aspx">Janitorial Contract <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink ID="HyperLink8" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/Manage.aspx"> Manage Contracts <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                            </div>
                        </li>
                        <li class="nav-item dropdown btn btn-primary ml-1">
                            <a class="nav-link dropdown-toggle mr-2 font-weight-bold" id="MasterPage_DropDown_Estimates" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">ESTIMATES</a>
                            <div class="dropdown-menu" aria-labelledby="MasterPage_DropDown_Estimates">
                                <h3 class="dropdown-header text-primary font-weight-bold"><i class="fas fa-building"></i> Company</h3>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="#" Text="GOVERNANCE &#xf101;" />
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Governance/Policies.aspx" Text="POLICIES  &#xf101;" />
                                <div class="dropdown-divider"></div>
                                <h3 class="dropdown-header text-primary font-weight-bold">Website</h3>
                                <asp:HyperLink ID="HyperLink1" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Data/Datalists.aspx" Text="DATA-LISTS  &#xf101;" />
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="#">CONTENT  &#xf101;</asp:HyperLink>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Data/Datalists.aspx">SERVICE TERMS  &#xf101;</asp:HyperLink>
                            </div>
                        </li>
                        <li class="nav-item dropdown btn btn-primary ml-1">
                            <a class="nav-link dropdown-toggle mr-2 font-weight-bold" id="MasterDropDownNavbarEmployees" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">HUMAN RESOURCES</a>
                            <div class="dropdown-menu" aria-labelledby="MasterDropDownNavbarEmployees">
                                <h3 class="dropdown-header text-primary font-weight-bold"><i class="fas fa-file-invoice"></i> APPLICANTS</h3>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="#" >APPLICATIONS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="#" Text="POLICIES  &#xf101;" > <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <div class="dropdown-divider"></div>
                                <h3 class="dropdown-header text-primary font-weight-bold"><i class="fas fa-id-badge"></i> EMPLOYEES</h3>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Customer/Account/Create.aspx" > <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Customer/Account/Accounts.aspx" >CUSTOMER ACCOUNTS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <div class="dropdown-divider"></div>
                                <h3 class="dropdown-header text-primary font-weight-bold"><i class="fas fa-map-marker"></i> LOCATIONS</h3>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Customer/Account/Locations/Locations.aspx" >LOCATIONS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Customer/Account/Locations/Relationships.aspx" >MANAGE RELATIONSHIPS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <div class="dropdown-divider"></div>
                                <h3 class="dropdown-header text-primary font-weight-bold"><i class="fas fa-user"></i> USERS</h3>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Customer/Account/Users/Create.aspx" >CREATE USER <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Customer/Account/Users/Manage.aspx" >MANAGE USERS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                            </div>
                        </li>
                        <li class="nav-item dropdown btn btn-primary ml-1">
                            <a class="nav-link dropdown-toggle font-weight-bold" id="MasterDropDownNavbarItems" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">ITEMS</a>
                            <div class="dropdown-menu" aria-labelledby="MasterDropDownNavbarItems">
                                <h3 class="dropdown-header text-primary font-weight-bold"><i class="fas fa-box-open"></i> INVENTORY</h3>
                                <asp:HyperLink ID="MstrLnk_Items_Inventory" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/Product/Vendors.aspx" >INVENTORY <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink ID="MstrLnk_Items_ItemClassifications" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/Classification.aspx" >CLASSIFICATIONS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink ID="MstrLnk_Items_Pricing" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/Product/Pricing.aspx">PRICING <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <div class="dropdown-divider"></div>
                                <h3 class="dropdown-header text-primary font-weight-bold"><i class="fas fa-barcode"></i> ITEM TYPES</h3>
                                <asp:HyperLink ID="MstrLnk_Items_Products" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/Product/Products.aspx" >PRODUCTS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink ID="MstrLnk_Items_Services" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/Service/Services.aspx" >SERVICES <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink ID="MstrLnk_Items_Equipment" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/Equipment/Equipment.aspx" >EQUIPMENT <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink ID="MstrLnk_Items_Fees" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/Fee/Fees.aspx" >FEES <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink ID="MstrLnk_Items_Coupons" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/Coupons/Coupons.aspx" >COUPONS <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                                <asp:HyperLink ID="MstrLnk_Items_Time" runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="~/Admin/Company/Items/Fee/Fees.aspx" >HOURLY <i class="fas fa-angle-double-right"></i></asp:HyperLink>
                            </div>
                        </li>
                        <li class="nav-item dropdown btn btn-primary ml-1">
                            <a class="nav-link dropdown-toggle font-weight-bold" id="MasterDropDownNavbarMarketing" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">MARKETING</a>
                            <div class="dropdown-menu" aria-labelledby="MasterDropDownNavbarMarketing">
                                <h6 class="dropdown-header text-primary font-weight-bold">&#xf0f6; Programs</h6>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="#" Text="CAMPAIGNS &#xf101;" />
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="#"><i class="mss mss-local-market"></i> Manage Campaigns  &#xf101;</asp:HyperLink>
                                <div class="dropdown-divider"></div>
                                <h6 class="dropdown-header text-primary font-weight-bold">&#xf0f6; Contracts</h6>
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="#" Text="FEEDBACK &#xf101;" />
                                <asp:HyperLink runat="server" CssClass="dropdown-item font-weight-bold" NavigateUrl="#"><i class="mss mss-Star"></i> Manage Rewards  &#xf101;</asp:HyperLink>
                            </div>
                        </li>
                    </ul>
                </div>
                <asp:LoginName ID="Mstr_LoginName" runat="server" FormatString="Hello, {0}" CssClass="d-block text-white float-right" />
    
    
                <asp:LoginView runat="server" ID="LoginViewMasterLogin">
                    <AnonymousTemplate>
                        <asp:Button ID="BtnMasterLoginPopup" runat="server" CssClass="btn btn-primary font-weight-bold" Text="&#xf090;&nbsp;SIGN-IN" />
                        <asp:Button ID="BtnOkMasterLogin" runat="server" CssClass="btn-modal" Text="" />
                        <ajx:ModalPopupExtender ID="MdlMasterLogin" runat="server" BackgroundCssClass="bg-modal" CancelControlID="BtnCloseMasterLogin" OkControlID="BtnOkMasterLogin" PopupControlID="PnlMasterLogin" RepositionMode="RepositionOnWindowResizeAndScroll" TargetControlID="BtnMasterLoginPopup" />
                        <asp:Panel ID="PnlMasterLogin" runat="server" CssClass="modal-ajx" Style="display: none; width: 30%">
                            <asp:UpdatePanel ID="UpdPnlMasterLogin" runat="server">
                                <ContentTemplate>
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title display-25500">SIGN-IN!</h5>
                                                <asp:Button ID="BtnCloseMasterLogin" runat="server" CssClass="close float-right" Text="&#xf00d;" />
                                            </div>
                                            <div class="modal-body">
                                                <div class="form-group row">
                                                    <div class="col-12">
                                                        <asp:Label runat="server" AssociatedControlID="UserName" ID="UserNameLabel" CssClass="form-control-label">User Name:</asp:Label>
                                                    </div>
                                                    <div class="col-12">
                                                        <asp:TextBox runat="server" ID="UserName" AutoCompleteType="Email" />
                                                    </div>
                                                    <div class="col-12">
                                                        <asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" ErrorMessage="User Name is required." ValidationGroup="ValGrpMasterLogin" ToolTip="User Name is required." ID="UserNameRequired" />
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <div class="col-12">
                                                        <asp:Label runat="server" AssociatedControlID="Password" ID="PasswordLabel" CssClass="form-control-label">Password:</asp:Label>
                                                    </div>
                                                    <div class="col-12">
                                                        <asp:TextBox runat="server" TextMode="Password" ID="Password" AutoCompleteType="Enabled" />
                                                    </div>
                                                    <div class="col-12">
                                                        <asp:RequiredFieldValidator runat="server" ControlToValidate="Password" ErrorMessage="Password is required." ValidationGroup="ValGrpMasterLogin" ToolTip="Password is required." ID="PasswordRequired" />
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <div class="col-12">
                                                        <asp:CheckBox runat="server" Text="Remember me next time." ID="RememberMe" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <asp:Button ID="BtnMasterLogin" runat="server" CausesValidation="true" CssClass="btn btn-primary btn-lg" OnClick="BtnMasterLogin_Click" Text="&#xf090;&nbsp;SIGN-IN" ValidationGroup="ValGrpMasterLogin" />
                                            </div>
                                        </div>
                                    </div>
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </asp:Panel>
    
                    </AnonymousTemplate>
                    <LoggedInTemplate>
                        <asp:LoginStatus ID="LoginStatus_In" runat="server" LogoutAction="Redirect" LogoutText="&#xf08b;&nbsp;SIGN-OUT" LogoutPageUrl="~/" OnLoggingOut="Unnamed_LoggingOut" CssClass="btn btn-primary" LoginText="&#xf090;&nbsp;SIGN-IN" />
                    </LoggedInTemplate>
                </asp:LoginView>
            </nav>
            <div class="container-fluid body-content">
                <div style="margin-top: 80px"></div>
                <asp:ContentPlaceHolder ID="Admin" runat="server">
                </asp:ContentPlaceHolder>
                <div style="margin-bottom: 50px"></div>
                <footer>
                </footer>
                <nav class="navbar navbar-dark fixed-bottom bg-primary navbar-expand-sm">
                    <div class="navbar-collapse">
                        <ul class="navbar-nav mr-auto">
                            <li class="nav-item"><asp:HyperLink runat="server" CssClass="nav-link active" NavigateUrl="#">Home
    						<span class="sr-only">(current)</span></asp:HyperLink></li>
                            <li class="nav-item"><asp:HyperLink runat="server" CssClass="nav-link" NavigateUrl="Default.aspx">Company</asp:HyperLink></li>
                            <li class="nav-item"><asp:HyperLink runat="server" CssClass="nav-link" NavigateUrl="#">Customers</asp:HyperLink></li>
                            <li class="nav-item"><asp:HyperLink runat="server" CssClass="nav-link" NavigateUrl="#">Employees</asp:HyperLink></li>
                            <li class="nav-item"><asp:HyperLink runat="server" CssClass="nav-link" NavigateUrl="#">Applicants</asp:HyperLink></li>
                        </ul>
                        <p class="float-right m-1">&copy; <%: DateTime.Now.Year %> - My Service Solutions</p>
                    </div>
                </nav>
            </div>
        </form>
    
    </body>
    </html>
    
    

    That was the masterpage - the navbar dropdown works

    <%@ Page Title="Sales Quotes" Language="C#" MasterPageFile="~/Admin/CP.master" AutoEventWireup="true" CodeFile="SalesQuotes.aspx.cs" Inherits="Admin_Customer_Sales_Quotes_SalesQuotes" Theme="Admin" %>
    
    <%@ Register Src="~/Controls/CuSales_Quote_Ins.ascx" TagPrefix="mss" TagName="CuSales_Quote_Ins" %>
    
    <asp:Content ID="Content1" ContentPlaceHolderID="Admin" runat="Server">
        <asp:UpdateProgress ID="prog" runat="server" AssociatedUpdatePanelID="UPNL_SalesQuotes" DisplayAfter="10">
            <ProgressTemplate>
                <div class="update-progress container">
                    <span><i class="fa fa-spinner fa-spin"></i>&nbsp;Please Wait.....</span>
                </div>
            </ProgressTemplate>
        </asp:UpdateProgress>
        <ajx:UpdatePanelAnimationExtender ID="upAnimation" runat="server" TargetControlID="UPNL_SalesQuotes">
            <Animations>
            <OnUpdating>
    		<Sequence>
    			<Parallel duration=".30" Fps="30">
    				<FadeOut AnimationTarget="UPNL_SalesQuotes" minimumOpacity=".10" />
    			</Parallel>
    		</Sequence>
    	   </OnUpdating>
            <OnUpdated>
    	   <Sequence>
    			<Parallel duration=".30" Fps="30">
    				<FadeIn AnimationTarget="UPNL_SalesQuotes" maximumOpacity="1.0" />
    			</Parallel>
    		</Sequence>
    		</OnUpdated>
            </Animations>
    
        </ajx:UpdatePanelAnimationExtender>
        <asp:UpdatePanel runat="server" ID="UPNL_SalesQuotes">
            <ContentTemplate>
                <asp:Panel runat="server" ID="Pnl_SecurityLevel" CssClass="container" Visible="false">
                    <div class="jumbotron">
                        <h1 class="fas fa-exclamation-triangle text-danger d-block w-100 text-center">Security Level Alert!</h1>
                        <h6>Your security level is too low to view!</h6>
                    </div>
                </asp:Panel>
                <asp:Panel runat="server" ID="Pnl_SalesQuotes_Display" CssClass="container-fluid">
    
                    <div class="row mb-2 bg-primary p-2 rounded no-gutters">
                        <div class="col-1">
    
    
    HERE IT IS - DOES NOT WORK!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    
    
                            <div class="dropdown">
                                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    &#xf0c9;
                                </button>
                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                    <a class="dropdown-item" href="#">Action</a>
                                    <a class="dropdown-item" href="#">Another action</a>
                                    <a class="dropdown-item" href="#">Something else here</a>
                                </div>
                            </div>
    
                            <a class="nav-link fas btn btn-primary" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">&#xf0c9;</a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="#">Action</a>
                                <a class="dropdown-item" href="#">Another action</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Something else here</a>
                            </div>
    
    
    
    
    
    
    
                            <asp:Button ID="Btn_Options" runat="server" Text="&#xf0c9;" CssClass="btn font-weight-bold btn-primary float-left fas fa-lg m-1" ToolTip="Options" OnClick="Btn_Options_Click" />
                        </div>
                        <div class="col-10">
                            <h3 class="text-center text-white font-weight-bold">SALES QUOTES</h3>
                        </div>
                        <div class="col-1">
                            <asp:Button ID="Btn_Create_SalesQuote" runat="server" Text="&#xf067;" CssClass="btn font-weight-bold btn-primary float-right fas fa-lg m-1" ToolTip="Add Or Create A New Sales Quote" />
                            <ajx:ModalPopupExtender ID="MPE_Products" runat="server" TargetControlID="Btn_Create_SalesQuote" PopupControlID="Pnl_Create_SalesQuote" OkControlID="Btn_Ok_CreateSalesQuote" CancelControlID="Btn_Close_Options" BackgroundCssClass="bg-modal" />
                            <asp:Panel ID="Pnl_Create_SalesQuote" runat="server" CssClass="modal-mss" Style="display: none">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <asp:Image ID="IMG_Logo_Invoice_Options" runat="server" CssClass="float-left" ImageUrl="~/Content/logo/Logo-My-Square-xs.jpg" />
                                            <h2 class="modal-title text-primary h2 mr-3" role="heading">&nbsp;CREATE A SALES QUOTE</h2>
                                            <asp:Button ID="Btn_Close_Options" runat="server" CssClass="btn btn-secondary btn-lg float-right fas" Text="&#xf00d;" />
                                        </div>
                                        <div class="modal-body">
                                            <div class="list-group">
                                                <asp:Button ID="Btn_Create_CleaningQuote" runat="server" Text="CLEANING" CssClass="btn btn-primary btn-block btn-lg" ToolTip="Add Or Create A New Product" OnClick="BtnCreateNewSalesQuote_Click" />
                                                <asp:Button ID="Btn_Create_ServiceQuote" runat="server" CssClass="btn btn-secondary btn-block btn-lg" PostBackUrl="~/Admin/Company/Items/Service/Services.aspx" Text="HANDYMAN" />
                                                <asp:Button ID="Btn_CreateNewFee" runat="server" CssClass="btn btn-secondary btn-block btn-lg" PostBackUrl="~/Admin/Company/Items/Fee/Fees.aspx" Text="NEW FEE" />
                                            </div>
                                        </div>
                                        <div class="modal-footer border-bottom-0">
                                            <span class="fas">&#xf25c;&nbsp;My Service Solutions, Inc.</span>
                                            <asp:Button ID="Btn_Ok_CreateSalesQuote" runat="server" Text="CLOSE" CssClass="btn-modal" />
                                        </div>
                                    </div>
                                </div>
                            </asp:Panel>
                        </div>
                    </div>
                    <div class="row">
                        <asp:Panel ID="Panel_Left" runat="server" CssClass="col-2" Visible="false">.........

    Sunday, October 28, 2018 4:03 PM
  • User475983607 posted

    The code shown above shows that you have a popper.js NuGet package but there is indication that popper.js is referenced anywhere.

    Have you verified that popper.js is loaded using the network trace tool in developer tools (F12)? 

    Sunday, October 28, 2018 4:41 PM
  • User-1716253493 posted

    Try use path in scryptmanager ref instead,

    <asp:ScriptReference Path="~/scripts/proper.js" />

    Monday, October 29, 2018 3:28 AM
  • User-893317190 posted

    Hi RobertH3,

    You could also use popper.js through internet.

    Below is my code to use popper.js in child page.

    Code from master page.

    <head runat="server">
        <title></title>
        <asp:ContentPlaceHolder ID="head" runat="server">
              <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
         
     <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
        
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" ></script>
        </asp:ContentPlaceHolder>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                  
                <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                </asp:ContentPlaceHolder>
            </div>
        </form>
    </body>
    </html>

    Code from the child page. Please remove the Content of child page with the ContentPlaceHolderID head or it will cover the ContentPlaceHolder of master page with the id head

    <%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="site1Child.aspx.cs" Inherits="MyWebFormCases.site1Child" %>
    <%--<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    </asp:Content>--%>           <!--remove it-->
    <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
     
    
           <div class="dropdown">
                                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    &#xf0c9;
                                </button>
                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                    <a class="dropdown-item" href="#">Action</a>
                                    <a class="dropdown-item" href="#">Another action</a>
                                    <a class="dropdown-item" href="#">Something else here</a>
                                </div>
                            </div>
    
    
      
    </asp:Content>
    

    The result.

    Best regards,

    Ackerly Xu

    Monday, October 29, 2018 5:16 AM