ThoughtSpot For Developers•3mo ago

Mark K - Hi all - I'm trying to make some modif...

Hi all - I'm trying to make some modifications to the data panel selector in the embed instance. We only have Models that are shared with our users, so the filter just adds noise to the UI. We'd also like the tag selector to always be present. I can't for the life of me figure out how to do this with the CSS rules.

11 Replies

shikharTS•3mo ago

You can replace the text strings and use customCSS to modify the model/table to show tags, though I do not see that info is currently below the model name.. cc @Ruchi Anand

Justin Mathew•3mo ago

@Mark K you can use this

  customizations: {
      style: {
        customCSS: {
          rules_UNSTABLE: {
            'body > div:nth-child(38) > div > div > div.rdLoaderGlobalWrap.rdHideLoader.modal-module__loadingWrapper > div.modal-module__content.choose-sources-v2-module__sourcesModal.modal-module__autoScrollContent.modal-module__noPadding > div > div > div.choose-sources-v2-module__leftPanel.layout-module__vertical > div.choose-sources-v2-module__filterBar.choose-sources-v2-module__filterBarGap.layout-module__vertical > div:nth-child(2)': {
              display: 'none'
            }
          }
        }
      }
    },

  customizations: {
      style: {
        customCSS: {
          rules_UNSTABLE: {
            'body > div:nth-child(38) > div > div > div.rdLoaderGlobalWrap.rdHideLoader.modal-module__loadingWrapper > div.modal-module__content.choose-sources-v2-module__sourcesModal.modal-module__autoScrollContent.modal-module__noPadding > div > div > div.choose-sources-v2-module__leftPanel.layout-module__vertical > div.choose-sources-v2-module__filterBar.choose-sources-v2-module__filterBarGap.layout-module__vertical > div:nth-child(2)': {
              display: 'none'
            }
          }
        }
      }
    },

to remove that , @Mark K you can inspect that element and copy its css selector.

Mark KOP•3mo ago

Thanks @Justin Mathew , I've gotten to the attached. Is there a way to auto select the "cog" that shows the settings? and then hide it from view? The outcome I want is for the user to be able to select a "module" whenever they open up the data source selector without having an additional layer.

Mark KOP•3mo ago

And is there any way to change the module caption to display the tags rather than the source type?

Mark KOP•3mo ago

I've gotten to this point. Would really appreciate some advice to: 1. Always display the "All tags" (which we've renamed modules) dropdown and therefore hide the little cog 2. Display the "tag" under the name of each model

Mark KOP•3mo ago

@Justin Mathew or @shikharTS do you have any further guidance?

Justin Mathew•3mo ago

hey @Mark K didnt get you what do u mena by display tag under each model ? can you give an example ? @Mark K can you try to inspect the gear icon inspect element, gear icon, and once you find the element on dom tree right click and copy css selector

Mark KOP•3mo ago

Here's a wireframe showing the tags displaying under each model. I can find the gear icon without issue and get the CSS selector, but with the CSS selector in hand the next step is unclear. How would I "click" the gear icon?

Justin Mathew•3mo ago

hey @Mark K i dont think that would be possible , bhanu is is possible with the new string customization ? replace the name wiht "name (tag)" im guessiug no, since its a values are not translated ?

jbc•3mo ago

@Mark K 1. It's not possible to have a direct click on the element. You can raise a change request with the TS support team to add a sdk flag instead to keep the All tags always extended. 2. No those fields are dynamic data and doesn't support any kind of modifications. I don't see any straight forward way to add those tags.

Mark KOP•3mo ago

ok thanks for letting me know - I'll create feature requests for both

Gaming

Programming

Mark K - Hi all - I'm trying to make some modif...

Did you find this page helpful?