ThoughtSpot For Developers•10mo ago

It's me again =).

It's me again =). I am playing with AppEmbed. Precisely, I wanna make a full embed and hide several things from the user. Through the documentation, I was able to hide almost everything but there are some others remaining: Per the attached screenshot, I need to: - Top Left Corner: Add a text there to let the user know that would link to the "home" - Top: Hide/Remove that search or at least filter the search (it is showing more than expected) - Top Right Corner: Hide/Remove those buttons

6 Replies

GeovaneOP•10mo ago

(No action is needed on this message, just want to show the full scope) When I click to the Top Left Corner, I get to: <attached image>

ashish•10mo ago

You could hide the whole top black bar by using the flag called showPrimaryNavbar: false. https://developers.thoughtspot.com/docs/Interface_AppViewConfig#_showprimarynavbar

AppViewConfig

The view configuration for full app embedding.

Kendall Thrapp•10mo ago

Seconding Ashish's comment. We just hide the whole TS navbar and implement our own instead.

GeovaneOP•10mo ago

I am intentionally using: showPrimaryNavbar: true for now. I was hoping to keep it without the elements I tagged in my screenshots. Is that possible? @ashish

We just hide the whole TS navbar and implement our own instead.

This is my plan B @Kendall Thrapp , which is: showPrimaryNavbar: false then -> create a custom UI and fetch the saved answers for that user through the TS API. Is that what you meant or is there a 3rd option that would be good to be aware? 🙂 Thanks for the answers!!!

Kendall Thrapp•10mo ago

Is that what you meant or is there a 3rd option that would be good to be aware? 🙂

For our case, we just implement only our own navbar in the parent application and still use the AppEmbed to display the list of answers. The buttons in our custom navbar just call AppEmbed's navigateToPage function to route to specific pages in the embedded instance, like /answer. Another alternative could be using custom CSS to hide the navbar elements you don't want to be visible. Inside the config object for your AppEmbed:

customizations: {
  style: {
    customCSS: {
      rules_UNSTABLE: {
        // Your CSS goes here
      },
    },
  },
},

customizations: {
  style: {
    customCSS: {
      rules_UNSTABLE: {
        // Your CSS goes here
      },
    },
  },
},

Not elegant but can do the job. Adding text is tricker but possible using the CSS ::after selector:

.bk-primary-nav-home-logo::after {
    color: white;
    content: "YOUR TEXT HERE";
    padding-left: 50px;
}

.bk-primary-nav-home-logo::after {
    color: white;
    content: "YOUR TEXT HERE";
    padding-left: 50px;
}

Also not elegant, but could do the trick.

GeovaneOP•10mo ago

Thanks for the answer @Kendall Thrapp . I think I may go with a custom page and use the ThoughtSpot API to display the User's Saved answers. Hope that works 🙏

Gaming

Programming

It's me again =).

Did you find this page helpful?