Even clearer view of what section you have cued ready to play in Setlist view whilst playback is stopped or paused?

Simon · April 8, 2025, 3:02pm

I was using Ableset for playback whilst playing keyboard just the other day.
We came to a moment in our set where we were off track completely but I had a section ready to fire on beat 1 to come back in with the click.

Found it hard in the stage lighting to see what section I had ready and cued up whilst playback is paused. I know that the colour of all the sections before the cued section go more ‘muted’, but honestly I thought it was a little hard to tell what section I had cued and ready whilst trying to do everything MD and play keys on the fly!

Is there a way that there could be an extra level of highlight for the section you have ready and cued in the Setlist view for those moments where you need to see what is cued up and playback is currently paused.

The flashing is great for when you are in playback - so clear to see what section you have cued.

It may or may not be something that just needs a slight adjustment or thought on the visibility not even for just a ‘custom style’ but the base UI? Other people may completely disagree which I’m fine with

And as I’ve said before I really trust @leolabs would come up with a great way for it to be super clear and user friendly!
Many thanks!

leolabs · April 11, 2025, 3:04pm

Hey @Simon, this might be something you can do with custom styles. I’ve prepared two different styles for you:

Glowing

.setlist-entry.active > .swipe-container:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 5px 5px var(--highlight-color);
}

Solid

.setlist-entry.active > .swipe-container:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 3px var(--highlight-color);
}

If you’d only like to apply these styles to sections and not songs, you can replace .setlist-entry.active with .setlist-entry.active.child.

Let me know if this works for you

Simon · April 15, 2025, 1:51pm

Thank you so much for this!

Haven’t had a chance to add it onto my machine with Ableset yet, but either of these styles will definitely be a help for me visually on stage

Above and beyond, appreciate it!

jdyoungblood · September 26, 2025, 4:19pm

I’m trying to add this script to the styles sheet and is not changing. Am I missing anything before or after the code?

jdyoungblood · October 14, 2025, 3:11am

would love to use this as it will be very helpful for others looking at Ableset on stage.
Just having trouble with silts sheet and the snippets provided. @leolabs any help would be appreciated thanks!

leolabs · October 14, 2025, 12:42pm

Hey @jdyoungblood, please excuse my late reply on this!

If you’re using the latest beta of AbleSet, the color variables are named a bit differently. Could you try replacing var(--highlight-color) with var(--color-highlight) and check if that works?

I’m looking forward to your reply!

jdyoungblood · October 14, 2025, 4:13pm

no worries! Thanks for getting back!

I adjusted and no change

jdyoungblood · October 16, 2025, 5:17am

@leolabs keep forgetting to tag you

leolabs · August 13, 2026, 11:23am

Hey @jdyoungblood,

Please excuse my super late reply on this one! Could you try this style and check if that works?

.setlist-entry.active > div > .swipe-container:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 3px var(--color-highlight);
}

I’ll also make this available as an option in the setlist view with the next beta, so you can more easily activate it

Rod_Jacobs · September 1, 2026, 9:26pm

Do I delete the own risk warning? I saved and applied but nothings changing . I know I’m doing something wrong lol. Got antsy couldn’t wait for the update lol

leolabs · September 3, 2026, 10:43am

Hey @Rod_Jacobs, that looks correct. Could you send me a log package so I can take a closer look at why this doesn’t work? You can upload it to my support inbox.

Alternatively, if you’re comfortable using a beta version, you could try updating to the latest beta which includes this style as a simple setting.

Rod_Jacobs · September 3, 2026, 9:10pm

@leolabs Thanks for the quick reply. Unfortunately I used a beta version my first time triggering ableset on a clients show, and it skipped to a random song in the set. I’ll send that package info over and find some patience to wait for the update lol. Side note I’m still amazed by the intelligence of ableset plus everything els works perfectly. Just custom styles at this point css

leolabs · September 14, 2026, 7:52pm

Hey @Rod_Jacobs, thanks for the package! I found a little typo in my styles which meant that they were referencing a color that wasn’t defined. This should work better:

.setlist-entry.active > div > .swipe-container:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 3px var(--color-500);
}

If you’d like the highlight to be lighter, you can use --color-400 or --color-300 instead of --color-500.

Let me know if this works for you!

Rod_Jacobs · September 14, 2026, 11:04pm

Hell yeah Works perfectly lmao ! @leolabs