SOLVED

Hiding NavBar (orQuickLaunch) in Modern page.

%3CLINGO-SUB%20id%3D%22lingo-sub-694830%22%20slang%3D%22en-US%22%3EHiding%20NavBar%20(orQuickLaunch)%20in%20Modern%20page.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-694830%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%20I%20wanted%20to%20hide%20the%20QuickLaunch%20Bar%20when%20displaying%20my%20React%20WebPart.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI%20succeed%20in%20removing%20it%20with%20this%20code%20when%20in%20the%20DidMount%20or%20DidUpdate%20%3A%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CDIV%20style%3D%22color%3A%20%23d4d4d4%3B%20background-color%3A%20%231e1e1e%3B%20font-family%3A%20Consolas%2C%20'Courier%20New'%2C%20monospace%3B%20font-weight%3A%20normal%3B%20font-size%3A%2014px%3B%20line-height%3A%2019px%3B%20white-space%3A%20pre%3B%22%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3Elet%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EnavBar%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Edocument%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3EgetElementsByClassName%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23ce9178%3B%22%3E%22spNav_b2bc1a6b%22%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23c586c0%3B%22%3Eif%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EnavBar%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Elength%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E!%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23b5cea8%3B%22%3E0%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EnavBar%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%5B%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23b5cea8%3B%22%3E0%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%5D.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3Eremove%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E()%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%7D%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EIs%20it%20a%20good%20practice%20%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ERegards%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-695810%22%20slang%3D%22en-US%22%3ERe%3A%20Hiding%20NavBar%20(orQuickLaunch)%20in%20Modern%20page.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-695810%22%20slang%3D%22en-US%22%3EI%20might%20be%20wrong%2C%20but%20the%20%E2%80%98gotcha%E2%80%99%20may%20be%20that%20the%20class%20name%20changes%2C%20which%20would%20break%20your%20statement.%3CBR%20%2F%3E%3CBR%20%2F%3EIn%20my%20experience%2C%20any%20class%20with%20a%20set%20of%20characters%20suffixed%20tends%20to%20be%20dynamically%20assigned.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-696437%22%20slang%3D%22en-US%22%3ERe%3A%20Hiding%20NavBar%20(orQuickLaunch)%20in%20Modern%20page.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-696437%22%20slang%3D%22en-US%22%3EThis.%3CBR%20%2F%3E%3CBR%20%2F%3EAnd%20to%20answer%20your%20question%20in%20short%2C%20it%20is%20not%20good%20practice.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-698504%22%20slang%3D%22en-US%22%3ERe%3A%20Hiding%20NavBar%20(orQuickLaunch)%20in%20Modern%20page.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-698504%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F234199%22%20target%3D%22_blank%22%3E%40Steve%20Johnson%3C%2FA%3E%20Thanks%20for%20your%20reply%2C%20It%20is%20what%20I%20suspected.%20But%20how%20can%20I%20find%20the%20div%20spNav%20div%20for%20hiding%20the%20quicklaunch%20more%20safely%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-698511%22%20slang%3D%22en-US%22%3ERe%3A%20Hiding%20NavBar%20(orQuickLaunch)%20in%20Modern%20page.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-698511%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F241707%22%20target%3D%22_blank%22%3E%40Thomas%20Berman%3C%2FA%3E%26nbsp%3B%3CSPAN%20style%3D%22display%3A%20inline%20!important%3B%20float%3A%20none%3B%20background-color%3A%20%23ffffff%3B%20color%3A%20%23333333%3B%20cursor%3A%20text%3B%20font-family%3A%20inherit%3B%20font-size%3A%2016px%3B%20font-style%3A%20normal%3B%20font-variant%3A%20normal%3B%20font-weight%3A%20300%3B%20letter-spacing%3A%20normal%3B%20line-height%3A%201.7142%3B%20orphans%3A%202%3B%20text-align%3A%20left%3B%20text-decoration%3A%20none%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20-webkit-text-stroke-width%3A%200px%3B%20white-space%3A%20normal%3B%20word-spacing%3A%200px%3B%22%3EThanks%20for%20your%20reply%2C%20It%20is%20what%20I%20suspected.%20But%20how%20can%20I%20find%20the%20div%20spNav%20div%20for%20hiding%20the%20quicklaunch%20more%20safely%3F%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-699194%22%20slang%3D%22en-US%22%3ERe%3A%20Hiding%20NavBar%20(orQuickLaunch)%20in%20Modern%20page.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-699194%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F10025%22%20target%3D%22_blank%22%3E%40Michel%20LAPLANE%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EYou%20can%20hide%20the%20Quick%20Lauch%20(left%20side%20navigation)%20via%20site%20settings%20%26gt%3B%20navigation%20elements%20%26gt%3B%20uncheck%20%22Enable%20quick%20launch%22%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAs%20for%20the%20top%20bar%2C%20you%20can%20delete%20all%20the%20links%20in%20there%2C%20but%20hiding%20via%20CSS%2FJS%20is%20definitely%20not%20advisable.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-736445%22%20slang%3D%22en-US%22%3ERe%3A%20Hiding%20NavBar%20(orQuickLaunch)%20in%20Modern%20page.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-736445%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F241707%22%20target%3D%22_blank%22%3E%40Thomas%20Berman%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EAs%20I%20found%20no%20other%20solution%20and%20as%20I%20do%20not%20want%20to%20add%20jQuery%20with%20a%20selector%20like%20%3CFONT%20style%3D%22background-color%3A%20%23ffffff%3B%22%3E(%22*%5Bclass~%3D'spNav_'%5D%22)%3C%2FFONT%3E%20in%20my%20React%20component%20(that%20will%20be%20even%20more%20ugly)%26nbsp%3B%20I%20have%20finally%20write%20this%20for%20hiding%20all%20not%20needed%20part%20of%20the%20page%20even%20it%20is%20not%20a%20good%20practice.%20If%20someone%20found%20a%20better%20solution%20please%20ping%20me.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CDIV%20style%3D%22color%3A%20%23d4d4d4%3B%20background-color%3A%20%231e1e1e%3B%20font-family%3A%20Consolas%2C%20'Courier%20New'%2C%20monospace%3B%20font-weight%3A%20normal%3B%20font-size%3A%2014px%3B%20line-height%3A%2019px%3B%20white-space%3A%20pre%3B%22%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3Eprivate%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3E_displayDecoration%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3Easync%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%20(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EhideNavBar%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%234ec9b0%3B%22%3Eboolean%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%2C%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EhideCommandBar%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%234ec9b0%3B%22%3Eboolean%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%2C%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EhideSiteHeader%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%234ec9b0%3B%22%3Eboolean%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%2C%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EhidePageTitle%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%234ec9b0%3B%22%3Eboolean%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%2C%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EhideComment%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%234ec9b0%3B%22%3Eboolean%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3E%3D%26gt%3B%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23c586c0%3B%22%3Etry%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23c586c0%3B%22%3Eif%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%20(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EhideNavBar%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3D%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3Etrue%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3Elet%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EnavBar%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Edocument%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3EgetElementsByClassName%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23ce9178%3B%22%3E%22spNav_b2bc1a6b%22%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%234ec9b0%3B%22%3Econsole%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3Elog%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23ce9178%3B%22%3E%22navBar%20%3D%20%22%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%2B%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EnavBar%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Elength%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23c586c0%3B%22%3Eif%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%20(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EnavBar%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Elength%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E!%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23b5cea8%3B%22%3E0%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EnavBar%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%5B%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23b5cea8%3B%22%3E0%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%5D.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3Eremove%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E()%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%7D%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%7D%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23c586c0%3B%22%3Eif%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%20(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EhideCommandBar%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3D%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3Etrue%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3Elet%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EcommandBar%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Edocument%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3EgetElementsByClassName%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23ce9178%3B%22%3E%22commandBarWrapper%22%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%234ec9b0%3B%22%3Econsole%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3Elog%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23ce9178%3B%22%3E%22commandBar%20%3D%20%22%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%2B%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EcommandBar%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Elength%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23c586c0%3B%22%3Eif%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%20(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EcommandBar%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Elength%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E!%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23b5cea8%3B%22%3E0%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EcommandBar%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%5B%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23b5cea8%3B%22%3E0%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%5D.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3Eremove%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E()%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%7D%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%7D%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23c586c0%3B%22%3Eif%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%20(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EhideSiteHeader%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3D%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3Etrue%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3Elet%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EsiteHeader%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Edocument%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3EgetElementsByClassName%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23ce9178%3B%22%3E%22mainRow-43%22%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23c586c0%3B%22%3Eif%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%20(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EsiteHeader%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Elength%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E!%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23b5cea8%3B%22%3E0%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EsiteHeader%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%5B%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23b5cea8%3B%22%3E0%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%5D.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3Eremove%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E()%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%7D%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%7D%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23c586c0%3B%22%3Eif%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%20(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EhidePageTitle%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3D%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3Etrue%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3Elet%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EpageTitle%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Edocument%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3EgetElementsByClassName%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23ce9178%3B%22%3E%22pageTitle_fb49508b%22%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23c586c0%3B%22%3Eif%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%20(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EpageTitle%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Elength%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E!%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23b5cea8%3B%22%3E0%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EpageTitle%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%5B%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23b5cea8%3B%22%3E0%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%5D.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3Eremove%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E()%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%7D%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%7D%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23c586c0%3B%22%3Eif%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%20(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EhideComment%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3D%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3Etrue%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3Elet%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EcommentWrapper%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Edocument%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3EgetElementsByClassName%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23ce9178%3B%22%3E%22commentsWrapper_274128af%22%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23c586c0%3B%22%3Eif%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%20(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EcommentWrapper%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Elength%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E!%3D%3C%2FSPAN%3E%20%3CSPAN%20style%3D%22color%3A%20%23b5cea8%3B%22%3E0%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3EcommentWrapper%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%5B%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23b5cea8%3B%22%3E0%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%5D.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3Eremove%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E()%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%7D%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%7D%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%7D%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23c586c0%3B%22%3Ecatch%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%20(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Eerror%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23569cd6%3B%22%3Ethis%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E.%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23dcdcaa%3B%22%3ElogError%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E(%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%239cdcfe%3B%22%3Eerror%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E)%3B%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%7D%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22color%3A%20%23d4d4d4%3B%22%3E%26nbsp%3B%20%7D%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ERegards%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
MVP

Hi, I wanted to hide the QuickLaunch Bar when displaying my React WebPart.

 

I succeed in removing it with this code when in the DidMount or DidUpdate :

 

    let navBar = document.getElementsByClassName("spNav_b2bc1a6b");
    if(navBar.length != 0)
    {
    navBar[0].remove();
    }

 

Is it a good practice ?

 

Regards

 

6 Replies
I might be wrong, but the ‘gotcha’ may be that the class name changes, which would break your statement.

In my experience, any class with a set of characters suffixed tends to be dynamically assigned.
This.

And to answer your question in short, it is not good practice.

@Deleted Thanks for your reply, It is what I suspected. But how can I find the div spNav div for hiding the quicklaunch more safely?

@Thomas Berman Thanks for your reply, It is what I suspected. But how can I find the div spNav div for hiding the quicklaunch more safely?

best response confirmed by Beau Cameron (MVP)
Solution

@Michel LAPLANE 

 

You can hide the Quick Lauch (left side navigation) via site settings > navigation elements > uncheck "Enable quick launch"

 

As for the top bar, you can delete all the links in there, but hiding via CSS/JS is definitely not advisable.

@Thomas Berman 

As I found no other solution and as I do not want to add jQuery with a selector like ("*[class~='spNav_']") in my React component (that will be even more ugly)  I have finally write this for hiding all not needed part of the page even it is not a good practice. If someone found a better solution please ping me.

 

private _displayDecoration = async (hideNavBar: boolean, hideCommandBar: boolean, hideSiteHeader: boolean, hidePageTitle: boolean, hideComment: boolean) => {
    try {
      if (hideNavBar == true) {
        let navBar = document.getElementsByClassName("spNav_b2bc1a6b");
        console.log("navBar = " + navBar.length);
        if (navBar.length != 0) {
          navBar[0].remove();
        }
      }
      if (hideCommandBar == true) {
        let commandBar = document.getElementsByClassName("commandBarWrapper");
        console.log("commandBar = " + commandBar.length);
        if (commandBar.length != 0) {
          commandBar[0].remove();
        }
      }
            if (hideSiteHeader == true) {
        let siteHeader = document.getElementsByClassName("mainRow-43");
        if (siteHeader.length != 0) {
          siteHeader[0].remove();
        }
      }
      if (hidePageTitle == true) {
        let pageTitle = document.getElementsByClassName("pageTitle_fb49508b");
        if (pageTitle.length != 0) {
          pageTitle[0].remove();
        }
      }
      if (hideComment == true) {
        let commentWrapper = document.getElementsByClassName("commentsWrapper_274128af");
        if (commentWrapper.length != 0) {
          commentWrapper[0].remove();
        }
      }
    }
    catch (error) {
      this.logError(error);
    }
  }

 

Regards