Popup placement

[tgb1964]

I am using bubble card for popups on a tablet that is divided into 3 columns. I'd like to be able to have it so the popups cover one of the three columns. As it is, it will only popup into the center. I've tried putting the popup card into a layout card but it didn't work. This would be a nice feature to have (unless it is already a feature and I didn't find it).

[Clooos]

Hi, you can add this custom style to change its position, just tweak the 100px value, I hope this help.

styles: |
  @media only screen and (min-width: 600px) {
    .bubble-pop-up {
      left: 100px !important;
    }
  }

[tgb1964]

Again--works like a charm. Thanks. Alas, I may need the header after-all. I want to be able to independently control popups for all 3 columns so would need the X to shutdown that popup specifically. A smaller X would be nice though.

[Clooos]

You can't open multiple pop-ups at the same time and there is nothing to change that, but I'm not sure that this is what you want. You can still click outside of the pop-up to close it or by sliding down inside of it if you want.

[Clooos]

But or the close button you can change it like this, I also removed the background in this example.

.bubble-close-button {
  --mdc-icon-size: 20px;
  background: none !important;
}

You can take a look at the documentation in the Styling section, I've added many examples and how to find the styles you can edit.

[tgb1964]

No multiple? Even is separate vertical stacks? That is what I was headed towards trying. Thanks again.

[Clooos]

Yes you can have multiple pop-ups of course, but you can only have one opened at a time. Opening another one will close the previous one.