Positioning my Custom Beacon

[kresnofatih]

1. i've made my custom beacon in a way that onBeaconClick will make us go to the next joyride step. so far my beacon's quite similar to the default pulsating red circle beacon but I want to make a Beacon of a div that covers my entire targetted component (something like a semi-transparent colored overlay). is there away to do this?

2. my second intention after not finding a solution for the first was "let's place the beacon at the center" but my beacon's always dictated by the 'placement' parameter of the step object so i can't place my beacon on the center of the joyride-tagged component. is this also possible?

any response to any of these questions would be great. thanks

[kresnofatih]

okay what i did was make a custom target component wrapper that has a position of relative and make an absolute div that has similar behaviour to the built-in beacon and set the beacon to a transparent div with 100vh height and width 100vw (take up the entire screen) but is transparent. so users will think they are clicking on the pulsating div on the target component but what they are actually clicking on is the fullscreen-sized beacon. if anyone has a better idea please do share it, because this way, users can click on any part of the screen (quite possibly parts of the screen other than the pulsating div on the target component) and still progress to the next joyride step