Support » Plugin: SeatReg » Seat Opacity

  • Resolved kirillkond

    (@kirillkond)


    Greetings,
    Firstly – this is an incredible plug-in, thank you.

    The issue in Title is fairly straightforward – would it be possible for me to change the Opacity / Transparency of the “seat box”? (within the current color-picker or as a separate setting, or in CSS).

    Precisely, I would like to set the opacity to 0%, allowing for the background image to serve as the map, while the transparent boxes act as selection?

    I have looked through the plug-in’s CSS / JS files but I was not able to locate that option.

    Thank you for your time & awesome work!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author thesiim

    (@thesiim)

    Hello
    I am glad that you liked my plugin. Thank you for the review.
    Currently its not possible to set opacity with color-picker. But that’s a very good idea and I will add it to the todo list.
    As a workaround you can manually change this line:

    https://github.com/SiimKirjanen/seatreg/blob/master/registration/js/registration.js#L237

    to
    box.style.backgroundColor = 'rgba(97, 179, 41, 0)'.replace(/[^,]+(?=\))/, '0');

    That way all boxes have opacity 0

    • This reply was modified 4 months, 2 weeks ago by thesiim.
    Thread Starter kirillkond

    (@kirillkond)

    Thank you for responding, with both the workaround & a long-term solution, will be excited to check it out when its ready!

    Meanwhile, located the L237 & made the changes, however, didn’t seem to have an effect;
    Neither with existing Reg or a new one I made to test; Perhaps i’m missing something; I’ll attach a screenshot in case you’ll spot something at a glance –

    (imgur plugin code screenshot)

    either way, I appreciate your help & thank you for your time!

    Plugin Author thesiim

    (@thesiim)

    I updated the plugin to version 1.23.0. It now has the ability to add transparent background.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.