Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Custom css for emulator / web / tablet. #1282

Open
inkvolcano opened this issue Nov 18, 2020 · 7 comments
Open

Custom css for emulator / web / tablet. #1282

inkvolcano opened this issue Nov 18, 2020 · 7 comments
Labels
area/gui GUI / Webapp related Enhancement New feature or request Good first issue Good for newcomers

Comments

@inkvolcano
Copy link

The idea comes from the fact that I cannot edit the emulator.html from the installation folder.
I hoped to center it, change the background-color to the same as the deck and remove the help.

I could ask to build in these functions; I suppose that would be fine too.
But the ability to load custom css would be much more dynamic and exchangeable.

@josephdadams josephdadams added Enhancement New feature or request area/gui GUI / Webapp related labels Nov 18, 2020
@deadsound
Copy link

deadsound commented Dec 6, 2020

While the Current Layout is very on brand for the Stream Deck it is not space efficient. ;)

@Julusian Julusian added the Good first issue Good for newcomers label Sep 29, 2022
@Julusian
Copy link
Member

The emulator should be getting a design overhaul in 3.0

If this is still wanted, I think this needs a better plan on how the custom css should be loaded.
Should it be an input field in the UI? Or should there be somewhere to upload a css file in the UI?

This probably means that we need to be careful to not break the class names used in future release, and make sure sensible names are in use.

@mark-epstein
Copy link

mark-epstein commented Sep 14, 2023

If you added /pressandhold/bank/<page>/<button> and /release/bank/<page>/<button> to the HTTP remote control commands, it would be possible for a web dev with just page and button numbers, to build a web page using any size/shape buttons in any quantity, that emulated what the emulator can do.

barely-related musing: imo the current press and release "/press/" would be better named "/click/" but I can see why it might be too late for such a change

@Julusian
Copy link
Member

@mark-epstein I do want to do some breaking tidying of the various protocols #2079.

pressandhold shouldnt be necessary, but the http api may be doing something slightly wrong resulting in the hold behaviour to not work as intended

@xurei
Copy link

xurei commented Feb 12, 2025

Is this going to be developed ? I would really need this to change the gap between buttons

@jswalden
Copy link
Contributor

jswalden commented Feb 13, 2025

If button gap is really all you want to change, I* could plausibly imagine adding a setting to the surface for this. It would be pretty straightforward to add a setting to the surface and pass it through to the emulator UI.

* not me, someone just in general -- even you if you can code a little bit

@xurei
Copy link

xurei commented Feb 16, 2025

I might take a look indeed. I believe a straightforward "Custom CSS" option in the emulator settings would do it ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/gui GUI / Webapp related Enhancement New feature or request Good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

7 participants