SAPPHIRE SPAS swim spas Widget: Instructions

EMBEDDED IFRAME

Display Sapphire content within your own webpage

Installation Instructions

    

Placement Instructions

   

See a full page example


WINDOW FRAME

Display a window frame from your main menu, links or website buttons

Installation Instructions

   

Placement Instructions

The 'SAPPHIRE WINDOW FRAME' can be placed into any menu, link or button using this url:

#spawidget-swim-spas

See a full page example


STYLING

You can easily change the button and container styles since they are rendered on your page directly.

Back to all widgets
\n'; scriptText += '<'+'scr' + 'ipt defer async src="' + widgetUrl.replace('flush=1','') + '">\n'; widgetCode.text(scriptText); hljs.highlightBlock(widgetCode[0]); var widgetCode = $('#iframe_code_2'); scriptText = '\n' + '\n' + '
\n\n' widgetCode.text(scriptText); hljs.highlightBlock(widgetCode[0]); var widgetCode = $('#popup_code'); var widgetUrl = 'https://www.sapphirespas.com.au/widgets/js/swim-spas?'+'position=nobutton'; scriptText = ''; scriptText += '\n'; scriptText += '<'+'scr' + 'ipt defer async src="' + widgetUrl.replace('flush=1','') + '">\n'; widgetCode.text(scriptText); hljs.highlightBlock(widgetCode[0]); /* var onChange = function(){ var position = positionInput.filter(':checked').val(), title = titleInput.val(), widgetUrl = 'https://www.sapphirespas.com.au/widgets/js/swim-spas?', sampleUrl = 'https://www.sapphirespas.com.au/widgets/sample/swim-spas?', queryString = '', scriptText = '', params = { position: position, button: position!='nobutton' && position!='iframe'?title:null, }; if(position!='nobutton' && position!='iframe') {titleInputBlock.show()} else {titleInputBlock.hide()} for(var pkey in params){ if(params[pkey] == null) continue; if(queryString.length)queryString+='&'; queryString += encodeURIComponent(pkey) + '=' + encodeURIComponent(params[pkey]); } widgetUrl += queryString; sampleUrl += queryString; scriptText += '\n'; scriptText += '<'+'scr' + 'ipt defer async src="' + widgetUrl.replace('flush=1','') + '">\n'; if(position=='inline') { scriptText += '\n'; scriptText += '\n'; scriptText += '\n'; scriptText += '
\n'; } if (position === 'iframe') { scriptText = '\n' + '\n' + '
\n\n' + scriptText } widgetCode.text(scriptText); sampleIframe.attr('src',sampleUrl); previewLink.attr('href',sampleUrl + '&' + encodeURIComponent('sampleback') + '=' + encodeURIComponent('1')); hljs.highlightBlock(widgetCode[0]); setIframeHeight(); } */ }); -->