Hi Sherri, thank you I appreciate it.

By default, all these components have minimal css styling.
I prefer to modify the appearance from the theme.

The 7th option has 'list' class on the cards component.
You can add this to your custom theme or on your Authoring Tool from project settings >Custom CSS/LESS code

.cards{
    &.list{
      .cards__item-container{
        flex-direction: row;
        align-items: center;
      }
      .cards__item-body{
        margin-right: 2rem;
      }
      .cards__item__image{
        min-width: 180px;
        padding: .5rem;
      }
      .cards__item.row-reverse{
        .cards__item-container{
          flex-direction: row-reverse;
        }
        .cards__item-body{
          margin-right: 0;
          margin-left: 2rem;
        }
      }
      @media (max-width: @device-width-small) {
        .cards__item-container,.cards__item.row-reverse .cards__item-container{
          flex-direction: column;       
         }
         .cards__item-body{
           margin-left: 0.5rem;
           margin-right: 0.5rem;
         }
      }
    }
}

And then in the classes of one of the items add: row-reverse

To get 3 cards side by side you can use the property Columns.

I hope this helps!

Hi Mark, thanks.

- Add the adapt-notifyLinks extension to the adapt project
- Go to the project settings and check is enabled.
- Then, use a <a> tag with class 'notify-link' and use an adapt model id as href attribute, like this:
<a class="notify-link" href="#63efcfbf12a2cc56007f1cf5">Open an adapt model in a notify popup</a>.

Hope this helps.

https://github.com/nachocinalli/adapt-verticalItems/blob/master/js/VerticalItemsView.js#L23-L32

Not without changing the code, the inview even is reasonably brutal, the onscreen event has more detail.

See
https://github.com/cgkineo/adapt-graphicLottie/blob/master/js/LottieView.js#L32-L42

Hi Mark,
Glad to hear you're enjoying the new drag and drop multiple component!
It depends on the framework version you are using, but it could be something like this:
.dnd-multiple {
  &__dragitem {
    padding: 0.25rem;
    @media (min-width: @device-width-medium) {
      padding: 1rem;
    }    
  }
  &__dropitem {
    padding: 0.25rem;
    @media (min-width: @device-width-medium) {
      padding:1rem;
    }
  }
}
Adjust the measurements in the css media query as needed (device-width-medium or device-width-small) and the different values in the padding as well.

Hope it works for you.

Hi Steve, I've updated the Trialogue component so you can use it in AAT.

Can you please try again?

Hi Mark, Happy New Year to you too and thanks for your kind words.
I'm glad you're using the Adapt plugins.

I have just updated the adapt-blurring GitHub repository.
You can see the configuration in the project settings.

You'll need to add the 'blurring' CSS class, for example, in my demo.

Let me know if it works for you.

Hi Marissa,

I just updated the repo, so you can try it out.

Hi Kristoffer,
I just updated the repo, and I added an example of menu customization using Less/CSS that you can adapt according to your needs.