Skip to main content
T
TreyP123
Known Participant
July 13, 2022
Answered

Spectrum CSS in Premiere Pro CEP Panels

  • July 13, 2022
  • 4 replies
  • 2131 views

Is it possible to use Adobe Spectrum CSS in Premiere Pro CEP Panels?  I tried setting it up but can't seem to get it to work.

This topic has been closed for replies.
Correct answer Justin Taylor-Hyper Brew

Exactly what Davide said, if you're using React already, go with React Spectrum, it's faster to implement and more reliable.

If you're not using React, go with SWC.

4 replies

T
TreyP123Author
Known Participant
July 19, 2022

I am able to get the components to work correctly in my IDE's HTML preview after bundling the node_module, but it doesn't show up in the CEP Panel.  Is there something special I need to do to make a node module bundle work for CEP?

T
TreyP123Author
Known Participant
July 15, 2022

So I've been diving into using Spectrum Web Components in a Premiere CEP Panel.  Most of the components seem to work well.  However, text fields and number fields don't allow the user to input any information (see attached video).  Is there a reason why a CEP Panel wouldn't allow this?

Davide_Barranca12040269
Davide_Barranca12040269
Community Expert
July 13, 2022

My understanding is that the CSS alone are problematic, it'd be best to use SWC or React Spectrum as @Justin Taylor-Hyper Brew has suggested.

Davide Barranca - PS developer and authorwww.ps-scripting.com
T
TreyP123Author
Known Participant
July 13, 2022

@Davide_Barranca12040269 @Justin Taylor-Hyper Brew Thanks so much guys! What would be the advantages or disadvantages of using Web Components vs React?

Davide_Barranca12040269
Davide_Barranca12040269
Community Expert
July 14, 2022

SWC are possibly easier to implement in your project (and don't require you to know/use React), this is the main selling point IMHO.

SWC and React components are not two completely overlapping sets, so I'd suggest to check them out and see which one has the stuff you need in your project—there's nothing worse than realizing mid-way that you want something that's not there 😉 

Davide Barranca - PS developer and authorwww.ps-scripting.com
Justin Taylor-Hyper Brew
Justin Taylor-Hyper Brew
Community Expert
July 13, 2022

Shouldn't be any reason for it not to work in the latest versions of Premiere. You can also try Spectrum Web Components  and React Spectrum  if you use React.

If you want to keep using Spectrum CSS, I'd try setting it up first in a web environment to make sure it's working, then test in a CEP panel.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices