Skip to main content

LumApps

To integrate Glean's modal search interface into your LumApps environment, add custom code to your site's <head>. In the LumApps administration UI, open Style > Advanced and paste the code into Head tag (HTML). See LumApps' customization deployment guide.

note

Replace {YOUR_GLEAN_DOMAIN} in the code below with your company's Glean domain (e.g., app.glean.com, company.glean.com)

<style>
  .searchbox__suggestions {
    display: none !important;
  }
</style>

<script
  defer
  src="https://{YOUR_GLEAN_DOMAIN}/embedded-search-latest.min.js"
></script>

<script>
  window.addEventListener('load', async () => {
    const getSearchBox = () => document.querySelector(".header-top__search");
    while(!getSearchBox()) {
      await new Promise(r => setTimeout(r, 300));
    }
    window.GleanWebSDK.attach(getSearchBox());
  })
</script>

The integration code performs three key functions:

  1. Disables LumApps' native search suggestions using CSS
  2. Loads the Glean Web SDK from your company's domain
  3. Attaches Glean's search functionality to the LumApps search box once the page has fully loaded
info

The script includes a polling mechanism to ensure the search box element is present before attempting to attach the Glean functionality, preventing any race conditions during page load.