5:["$","$L16",null,{"demo":{"id":"cm87rtbno03rw10211217q9z7","createdAt":"2025-03-13T19:57:29.796Z","updatedAt":"2025-03-15T16:50:54.251Z","title":"Hotspot tooltip positioning warning","published":true,"color":"bg-gray-200","authorId":"clf7r5s6900giyy0h6trezsck","metadesc":"Click through a step-by-step, interactive demo walkthrough of Supademo, powered by Supademo.","customMetadataImage":null,"ctabtntext":"Create Supademo","ctabtncolor":"#0051c9","ctabtntextcolor":"#fff","ctabtnlink":"https://app.supademo.com/signup","autoplay":false,"autoplayduration":3000,"autoPlayDelay":1000,"showplaypause":true,"loop":false,"progressbar":true,"font":"Default","workspaceId":"clact6unl0004vybweerhfuhf","darkmode":true,"shared":true,"folderId":null,"border":true,"nextButton":true,"showSteps":true,"globalSettings":true,"hotspotTextVisible":true,"hotspotOpacity":"100","number":null,"topBar":true,"indexable":true,"displayAuthor":false,"displayDescription":false,"showSupademoLink":true,"showCCButton":true,"archived":false,"archivedAt":null,"domainURL":"https://app.supademo.com/demo/cm7m29mp01oafddumrtgx7ksh/edit","brandLogo":"https://d2vsad3r6ug0tf.cloudfront.net/workspacelogos/YdJK5pZi_HISW_Dd9We08","allowDuplicate":false,"recordOwnVoice":false,"backgroundId":"cm87ryg1f00neum0j3s6nnd1e","backgroundMusicUrl":null,"backgroundMusicVolume":50,"demoSource":"Extension","type":"Default","fullWidth":false,"detectBrowserLanguage":true,"customFontId":null,"mobileHotspotView":true,"config":null,"author":{"id":"clf7r5s6900giyy0h6trezsck","name":"Joseph Lee","image":"https://d2vsad3r6ug0tf.cloudfront.net/clf7r5s6900giyy0h6trezsck/7_jbZYXGfiQL5oSFVzN7K"},"steps":[{"id":"paPuw4ZHbGDwjYZH1PR71","number":"1","text":null,"image":null,"video":null,"createdAt":"2025-03-13T19:58:02.066Z","updatedAt":"2025-03-13T19:58:02.066Z","demoId":"cm87rtbno03rw10211217q9z7","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":1066,"heightOrg":604,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":{"id":"MTcEGWITB2fhSWwaxR2iA","stepId":"paPuw4ZHbGDwjYZH1PR71","enabled":true,"type":"Link","skip":false,"heading":"Hotspot tooltip positioning warning","description":"Get alerted when your hotspot tooltip is truncated or is overflowing from the Supademo canvas.","headingColor":"#272727","descriptionColor":"#272727","theme":"Light","blurIntensity":2,"allowCompanyEmail":true,"embedCode":null,"buttons":[{"id":"TyoUBaPEsv6qwrWNigCSq","createdAt":"2025-03-13T19:58:01.677Z","updatedAt":"2025-03-13T19:58:01.677Z","chapterId":"MTcEGWITB2fhSWwaxR2iA","content":"Try interactive tutorial","btnColor":"#0051c9","color":"#fff","linkTxt":"cm87rtgwc03s410214z8aqc0n","isLinkExternal":false,"openInNewTab":true,"animation":"Ripple","order":0}],"backgroundId":null,"background":null,"formFields":[]},"comments":[]},{"id":"cm87rtgwc03s410214z8aqc0n","number":"2","text":null,"image":"https://media.supademo.com/clf7r5s6900giyy0h6trezsck/qVCaRy30wweVKNxmG7jvS.jpg","video":null,"createdAt":"2025-03-13T19:57:36.588Z","updatedAt":"2025-03-13T19:59:25.199Z","demoId":"cm87rtbno03rw10211217q9z7","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"25.760582010582013","mouseYCooridnate":"51.05017502917153","editedImage":null,"widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://app.supademo.com/demo/cm7m29mp01oafddumrtgx7ksh/edit","recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"cm87rtgwc03s510218fhy2ht8","number":"1","createdAt":"2025-03-13T19:57:36.588Z","updatedAt":"2025-03-13T19:59:25.200Z","default":false,"text":"The Supademo editor will automatically detect when this happens and will apply a warning to the appropriate hotspot tooltip to proactively resolve this issue.","bgcolor":"#0051c9","textcolor":"#ffffff","mouseXCooridnate":"50.338443173809026","mouseYCooridnate":"52.705235112668866","style":"Tooltip","animation":"Pulse","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm87rtgwc03s410214z8aqc0n","tipposition":"autostart","nextButton":true,"textVisible":true,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"},{"id":"PW9Wc17DHsJzG_bpmdewd","number":null,"createdAt":"2025-03-13T20:00:00.995Z","updatedAt":"2025-03-13T20:00:02.126Z","default":false,"text":"Add some hotspot text here.","bgcolor":"#0051c9","textcolor":"#ffffff","mouseXCooridnate":"73.45215759849906","mouseYCooridnate":"75.34273125414586","style":"Circle","animation":"Ping","isVisible":null,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm87rti5t03sd1021q26ktyjm","tipposition":"autostart","nextButton":true,"textVisible":true,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm87rtn1o03sl1021fmse7mnw","number":"4","text":null,"image":"https://media.supademo.com/clf7r5s6900giyy0h6trezsck/TzdWNzgYW4FVJ5wBql4jN.jpg","video":null,"createdAt":"2025-03-13T19:57:44.554Z","updatedAt":"2025-03-13T20:00:40.620Z","demoId":"cm87rtbno03rw10211217q9z7","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"95.56878306878306","mouseYCooridnate":"7.234539089848307","editedImage":null,"widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://app.supademo.com/demo/cm7m29mp01oafddumrtgx7ksh/edit","recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"cm87rtn1o03sm10210y1pvc1h","number":"3","createdAt":"2025-03-13T19:57:44.554Z","updatedAt":"2025-03-13T20:00:40.621Z","default":false,"text":"For this example, we'll choose a new **large** area to highlight with this hotspot, which will make the text tooltip overflow off the screen.\n\nLet's click save.","bgcolor":"#0051c9","textcolor":"#ffffff","mouseXCooridnate":"95.56878306878306","mouseYCooridnate":"7.234539089848309","style":"Circle","animation":"Pulse","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm87rtn1o03sl1021fmse7mnw","tipposition":"autostart","nextButton":true,"textVisible":true,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm87rtw2703t010213ebytmdv","number":"6","text":null,"image":null,"video":null,"createdAt":"2025-03-13T19:57:56.240Z","updatedAt":"2025-03-13T19:58:02.072Z","demoId":"cm87rtbno03rw10211217q9z7","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":3024,"heightOrg":1714,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":{"id":"cm87rtw3703t4102186lfo3a1","stepId":"cm87rtw2703t010213ebytmdv","enabled":true,"type":"Link","skip":false,"heading":"Create a Supademo in seconds","description":"Convert more with engaging, AI interactive demos.","headingColor":"#272727","descriptionColor":"#272727","theme":"Light","blurIntensity":2,"allowCompanyEmail":true,"embedCode":null,"buttons":[{"id":"cm87rtw4903t61021haghryfx","createdAt":"2025-03-13T19:57:56.313Z","updatedAt":"2025-03-13T19:57:56.313Z","chapterId":"cm87rtw3703t4102186lfo3a1","content":"Create a Supademo","btnColor":"#0051c9","color":"#fff","linkTxt":"https://app.supademo.com/signup?utm_source=supademo&utm_medium=supademo&utm_campaign=supademo_cta","isLinkExternal":true,"openInNewTab":true,"animation":null,"order":0}],"backgroundId":"cm87rtw2n03t21021vcyvu1wz","background":{"id":"cm87rtw2n03t21021vcyvu1wz","createdAt":"2025-03-13T19:57:56.256Z","updatedAt":"2025-03-13T19:57:56.293Z","type":"Url","value":"url(\"https://media.supademo.com/demo-backgrounds/clact6unl0004vybweerhfuhf/zVDRmW8KGdgu9XqmYu_Vp.jpg\")","workspaceId":"clact6unl0004vybweerhfuhf","demoId":null,"chapterId":"cm87rtw3703t4102186lfo3a1","screenshotId":null},"formFields":[]},"comments":[]}],"htmlEdits":[],"workspace":{"id":"clact6unl0004vybweerhfuhf","createdAt":"2022-11-11T18:04:52.018Z","updatedAt":"2025-07-30T12:10:20.900Z","name":"Supademo Main","color":"#0051c9","hotspottextcolor":"#ffffff","logo":"https://d2vsad3r6ug0tf.cloudfront.net/workspacelogos/YdJK5pZi_HISW_Dd9We08","favicon":"https://media.supademo.com/workspaces/clact6unl0004vybweerhfuhf/6NhPS33avKv1rDWR5cwq8.png","owner":"cl8ym1bmk0002vyuk7seev5q9","madein":false,"watermarkLogoUrl":"https://cdn.supademo.com/supademo_logo_icon.svg","watermarkText":"Made with Supademo","watermarkLink":"https://supademo.com","sharepagebtntext":"Try Supademo","sharepagebtncolor":"#eb144c","sharepagebtntextcolor":"#fff","sharepagebtnlink":"https://app.supademo.com/signup","subscriptionId":"sub_1NRPdaDNBXQNFoJI6ZpJHXoR","autoplay":false,"autoplayduration":3000,"loop":false,"progressbar":true,"nextButton":true,"subDomain":"demo.superawesomedemo.com","seoIndexable":true,"seoAuthor":false,"seoDescription":false,"showSteps":false,"font":"Default","showSupademoLink":true,"hotspotNextBtn":true,"hotspotTextVisible":true,"hotspotOpacity":"100","enableCreatorsToInvite":true,"stripeId":"cus_MmaZIbBbCUyVuo","topBar":true,"darkmode":true,"plan":"Growth","tourSetup":true,"inTrial":false,"customDomainEnabled":false,"trackingEnabled":true,"autoJoinTeam":true,"linkViewNotifications":false,"monthlyStatsEmail":true,"invoiceEmail":true,"customDomainLandingPage":"https://app.supademo.com","isDiscounted":false,"enterpriseId":"cm0e1678d00004uaa10qwl59b","selectedCustomFontId":null,"backgroundMusicUrl":null,"hotspotNextBtnText":null,"hotspotBackBtnText":null,"integrations":[],"chapter":{"id":"cly28sfzb0001yerrssjysdk0","createdAt":"2024-07-01T00:29:01.799Z","updatedAt":"2025-04-25T18:44:22.212Z","stepId":null,"workspaceId":"clact6unl0004vybweerhfuhf","enabled":true,"type":"Link","password":null,"skip":false,"heading":"Create a Supademo in seconds","description":"Convert more with engaging, AI interactive demos.","theme":"Light","allowCompanyEmail":true,"embedCode":null,"blurIntensity":2,"headingColor":"#272727","descriptionColor":"#272727","backgroundId":null,"buttons":[{"id":"cly28sgcw0003yerrjk0n2ri7","createdAt":"2024-07-01T00:29:02.288Z","updatedAt":"2024-07-01T00:29:02.288Z","chapterId":"cly28sfzb0001yerrssjysdk0","content":"Create a Supademo","btnColor":"#0051c9","color":"#fff","linkTxt":"https://app.supademo.com/signup?utm_source=supademo&utm_medium=supademo&utm_campaign=supademo_cta","isLinkExternal":true,"openInNewTab":true,"animation":null,"order":0}],"background":{"id":"cm2dj6hlq0001rruaoklwcnv0","createdAt":"2024-10-17T16:44:10.524Z","updatedAt":"2024-11-12T21:39:05.202Z","type":"Url","value":"url(\"https://media.supademo.com/demo-backgrounds/clact6unl0004vybweerhfuhf/zVDRmW8KGdgu9XqmYu_Vp.jpg\")","workspaceId":"clact6unl0004vybweerhfuhf","demoId":null,"chapterId":"cly28sfzb0001yerrssjysdk0","screenshotId":null}}},"background":{"id":"cm87ryg1f00neum0j3s6nnd1e","createdAt":"2025-03-13T20:01:28.755Z","updatedAt":"2025-03-13T20:01:28.755Z","type":"Url","value":"url(\"https://media.supademo.com/demo-backgrounds/clact6unl0004vybweerhfuhf/Vu6U2_Mwlf49aK8buBzPT.png\")","workspaceId":"clact6unl0004vybweerhfuhf","demoId":"cm87rtbno03rw10211217q9z7","chapterId":null,"screenshotId":null},"translatedTexts":[],"translations":[],"customFont":null},"variablesFromUrl":[]}]