Dropdown using Office UI Fabric not rendering properly


while designing apps office using office ui fabric components.

i facing issue in designing drop-down.

its coming shown in below image.

i have included files in html page:

<script  src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 <link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/1.0/fabric.min.css">
 <link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/1.0/fabric.components.min.css">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.2/fabric.min.js"></script>

and calling "$('.ms-dropdown').dropdown();" on document load.


hi pooja,

do mean there are no items in dropdown list? if so, share html , related js reproduce issue in simple html page?

i made test below, works correctly.

//html reference     <script src='https://cdn.rawgit.com/mikewheaton/office-ui-fabric-releases/master/1.2.1/js/jquery.fabric.min.js'></script> <script src='https://rawgit.com/mikewheaton/office-ui-fabric-releases/master/1.2.1/js/jquery.fabric.min.js'></script> //html dropdown         <div class="ms-dropdown" tabindex="0">             <i class="ms-dropdown-caretdown ms-icon ms-icon--caretdown"></i>             <select class="ms-dropdown-select">                 <option>choose sound&hellip;</option>                 <option>dog barking</option>                 <option>wind blowing</option>                 <option>duck quacking</option>                 <option>cow mooing</option>             </select>         </div> //js office.initialize = function (reason) {       $(document).ready(function () {       $('.ms-dropdown').dropdown();       var element = document.queryselector('.ms-messagebanner');       messagebanner = new fabric.messagebanner(element);       messagebanner.hidebanner();       loadprops();     });   };

in addition, suggest refer link below:

# dropdown component doesn't work
https://github.com/officedev/office-ui-fabric-core/issues/251

best regards,

edward

msdn community support
please remember click "mark answer" responses resolved issue, , click "unmark answer" if not. can beneficial other community members reading thread. if have compliments or complaints msdn support, feel free contact msdnfsf@microsoft.com.



Microsoft Office for Developers  ,  Apps for Office and SharePoint  >  Developing Apps for Office 2013



Comments

Post a Comment

Popular posts from this blog

Azure DocumentDB Owner resource does not exist

having same error microsoft.azure.documents.documentclientexception: message: {"errors":["owner resource not exist"]} , scenario. when deployed webapp azure , try document docdb throws error. docdb exists in azure , contains document looking for. weird local machine(running vs) works fine. i'm using same settings in azure , local. have , idea this. thanks Microsoft Azure  >  Azure Cosmos DB
Read more

RFC_ERROR_SYSTEM_FAILURE with SAP ECC 6 Unicode

hi all, i using biztalk 2006 r2, microsoft biztalk adapter v2.0 mysap business suite sp1 & sql server 2005 database server. we have developed orchestrations communicating sap version 4.7.   currently sap has been upgraded in ecc 6(unicode) system. i have configured new send port on dev server. orchestration can communicate sap ecc 6.0 (non- unicode) system while trying connect sap ecc 6.0 (unicode) getting error. a message sent adapter "sap" on send port "ecc 6 sendport" uri "sap://as:***.**.***.***/**/***/" suspended.   error details: rfc_error_system_failure   messageid:   {b7dd677e-0ef3-480b-835a-d389f2e24179} is there can configure setting unicode ?   thanks in advance     ajay dabhade problem solved: standard table data types appear not unicode compatible in sap ecc 6.0. make rfcgetfunctiondesc raise error. solution: used other data types scratch in rfcs in sap   ajay dabhad...
Read more

C# System.Data.Common DbCommand and getting Datasets from Oracle

i found no oracle specific forum area, decided post here. getting dataset oracle c# system.data.common library's dbcommand seems tricky task. i using command object in project along dbproviderfactory , dbdataadapter because meant allow use same library multiple database providers, , don't have clutter data access layer of project separate classes accessing each individual database provider. my problem is, stored procedures fetching data oracle require refcursor object added in parameters. however, dbtype library not contain definition object. using "object"-type not work. i have read many places not have add refcursor parameter, endless failed attempts @ running command without refcursor object has brought me conclusion leaving out refcursor object not option when using system.data.common library. here coded example connectionstring purposefully left out.                 dbconnection.ope...
Read more