To preview the form in your web browser, choose File, Preview in Browser. If a label has been correctly associated with its text field using a FOR attribute, you should be able to click on the label to place the focus inside the text field. This is the desired behavior for accessible forms, as it provides a bigger hit or click area for people with motor impairments who may not be able to precisely click inside the text field.
I am looking to replicate a form that was created on pardot in dreamweaver. The Pardot Layout consists of 3 sections: Layout, Form, and Site Search. The layout consiste of this html:\n\n\n\n\n\n\n%%title%%\n\n\n@import url(' =Open+Sans&display=swap');\t\n@import url(' =Montserrat&display=swap');\t\nbodypadding:0 !important;margin: 0 !important;\n.main_formmargin:0 auto;max-width: 800px;\t\n.main_form .form \n padding: 0px !important;\n margin: 0px !important;\n width: 100%!important;\n\n.main_form .form .form-field \n margin: 0px!important;\n margin-bottom: 20px!important;\n width: 100% !important;\n float: left!important;\n clear: none !important;\n\n.main_form .form p label \n color: #333 !important;\n font-size: 14px !important;\n line-height: 1.3 !important;\n display: inline-block !important;\n font-family: 'Open Sans', sans-serif !important;\n font-weight: 400 !important;\n\n.main_form .form p .field-label \n width: 100%!important;\n display: block!important;\n text-align: left!important;\n font-weight: 400!important;\n background: none !important;\n padding-top: 0 !important;\n\n.main_form .form input[type=\"text\"], .main_form .form select, .main_form .form textarea \n font-size: 14px !important;\n \n padding: 10px 12px!important;\n float: left!important;\n width: 100% !important;\n border-radius: 0 !important;\n -webkit-border-radius: 0 !important;\n box-sizing: border-box!important;\n font-family: 'Open Sans', sans-serif !important;\n\tborder: solid 1px #ddd !important;\nbackground: #f5f5f5 !important;\n\tcolor: #333 !important;\n\theight: 48px !important;\n\tmargin: 0!important;\n vertical-align: baseline!important;\n box-shadow: none!important;\n -webkit-appearance: none!important;\n -moz-appearance: none!important;\n appearance: none!important;\n outline: 0!important;\n\t\n\n.main_form .form input:focus, .main_form .form select:focus, .main_form .form textarea:focus \t\n\tborder-color: #00548e !important;\n\t\t\n\t\nform.form p \n color: #fff !important;\n padding: 0 !important;\n margin: 0 !important;\n font-size: 14px;\n\n\n.main_form .form textarea \n resize: none!important;\n\n\n.red-color, form.form p.error, form.form span.error, form.form div.error, form.form p.error label \n margin: 0 !important;\n padding: 0 !important;\n color: red !important;\n text-shadow: none !important;\n\n\n.main_form .form .form-field.error input, .main_form .form .form-field.error select, .main_form .form .form-field.error textarea \n border-color: red !important;\n\nform.form p.required label, form.form span.required label \n padding-left: 0 !important;\n\n.main_form .form p .field-label \n color: #333 !important;\n font-family: 'Open Sans', sans-serif !important;\n\n\n.main_form .form .pd-radio span \n display: block!important;\n width: 100%!important;\n\n.main_form .form p.submit \n margin: 0px!important;\n padding: 0px!important;\n width: 100% !important;\n text-align: center!important;\n display: inline-block!important;\n margin-top: 0 !important;\n\n.main_form .form input[type=\"submit\"] \n\t\n\tcolor:#333 !important;;background:transparent !important;;border:2px solid #01010133 !important;\n\t\n \n border-radius: 0 !important;\n -webkit-border-radius: 0 !important;\n padding: 5px 80px !important;\n display: inline-block !important;\n float: none !important;\n font-size: 14px !important;\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 500;\n\tletter-spacing: 2px !important;\n cursor: pointer !important;\n transition: 0.5s !important;\n -webkit-transition: 0.5s !important;\n -moz-transition: 0.5s !important;\n -o-transition: 0.5s !important;\n margin: 0px !important;\n position: relative !important;\n text-transform: uppercase !important;\n z-index: 1!important;\n height: auto !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n width: auto !important;\n\n.main_form .form input[type=\"submit\"]:hover,.main_form .form input[type=\"submit\"]:focus \n background: #00467f !important;\n border-color: #00467f !important;\n\tcolor: #fff !important;\n\n.main_form .form .pd-checkbox span \n width: 100%!important;\n display: inline-block!important;\n margin-bottom: 15px!important;\n\n.main_form .form .pd-checkbox span:last-child \n margin-bottom: 0px!important;\n\n.main_form .form .pd-checkbox label.inline \n margin: 0px!important;\n\n.main_form .form .pd-checkbox .field-label \n margin: 0px 0px 5px 0px!important;\n\n.main_form .form .pd-checkbox input[type=\"checkbox\"] \n opacity: 0!important;\n position: absolute!important;\n width: auto !important;\n\n.main_form .form .pd-checkbox input[type=\"checkbox\"], .main_form .form .pd-checkbox label.inline \n cursor: pointer!important;\n\n.main_form .form .pd-checkbox label.inline \n position: relative!important;\n font-size: 14px!important;\n line-height: 1.2em!important;\n padding-left: 30px!important;\n\n.main_form .form .pd-checkbox input[type=\"checkbox\"] + label.inline:before \n content: ''!important;\n background: #fff!important;\n border: 1px solid #333!important;\n float: left!important;\n vertical-align: middle!important;\n width: 15px!important;\n height: 15px!important;\n padding: 2px!important;\n margin-right: 0px!important;\n margin-bottom: 0px!important;\n text-align: center!important;\n margin-top: -1px!important;\n left: 0!important;\n position: absolute!important;\n\n.main_form .form .pd-checkbox input[type=\"checkbox\"]:checked + label.inline:before \n content: \"\\f00c\"!important;\n font-family: 'FontAwesome'!important;\n background: #333 !important;\n color: #fff!important;\n border-color: #333 !important;\n line-height: 1em!important;\n\n.main_form .form .pd-radio span \n width: 100%!important;\n display: inline-block!important;\n margin: 0 0 7px 0px!important;\n\n.main_form .form .pd-radio span:last-child \n margin-bottom: 0px!important;\n\n.main_form .form .pd-radio label.inline \n margin: 0px!important;\n\n.main_form .form .pd-radio .field-label \n margin: 0px 0px 10px 0px!important;\n\n.main_form .form .pd-radio input[type=\"radio\"] \n opacity: 0!important;\n position: absolute!important;\n width: auto !important;\n\n.main_form .form .pd-radio input[type=\"radio\"], .main_form .form .pd-checkbox label.inline \n cursor: pointer!important;\n color: #333 !important;\n font-family: 'Open Sans', sans-serif !important;\n\n.main_form .form .pd-radio label.inline \n position: relative;\n font-size: 14px!important;\n line-height: 1.2em!important;\n padding-left: 30px!important;\n cursor: pointer!important;\n width: auto!important;\n\n.main_form .form .pd-radio input[type=\"radio\"] + label.inline:before \n content: ''!important;\n background: #fff!important;\n border: 1px solid #333!important;\n float: left!important;\n vertical-align: middle!important;\n width: 10px!important;\n height: 10px!important;\n padding: 2px!important;\n margin-right: 0px!important;\n margin-bottom: 0px!important;\n text-align: center!important;\n left: 0!important;\n position: absolute!important;\n border-radius: 50px!important;\n -webkit-border-radius: 50px !important;\n\n.main_form .form .pd-radio input[type=\"radio\"]:checked + label.inline:before \n content: \"\\f00c\"!important;\n font-family: 'FontAwesome'!important;\n background: #ee8a1d!important;\n color: #fff!important;\n border-color: #f47920!important;\n line-height: 1em!important;\n font-size: 10px!important;\n\n.main_form .form .thanks_msg \n width: 100%!important;\n text-align: center!important;\n float: left!important;\n padding: 20px 0px!important;\n\n.main_form .form .thanks_msg h2 \n width: 100%!important;\n display: inline-block!important;\n font-size: 28px!important;\n color: #333!important;\n\n.main_form .form .thanks_msg p \n text-align: center!important;\n font-size: 15px!important;\n color: #666!important;\n width: 100%!important;\n display: inline-block!important;\n margin: 0px !important;\n padding: 0px !important;\n\n.main_form .form span.description \n width: 100%!important;\n display: inline-block!important;\n padding: 20px 0px 10px!important;\n font-size: 15px!important;\n line-height: 1.3em!important;\n\n.main_form .form .form-field.error \n padding-bottom: 5px !important;\n\n.main_form form.form p.no-label \n text-align: left !important;\n\n\n\n\n(function(w,d,s,l,i)[];w[l].push('gtm.start':\nnew Date().getTime(),event:'gtm.js');var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=' ='+i+dl;f.parentNode.insertBefore(j,f);\n)(window,document,'script','dataLayer','GTM-59BV25V');\n\n\n\n\n\n\n\n\n %%content%%\n\n\t\n\nvar labels = document.querySelectorAll(\"p.pd-text label, p.pd-select label, p.pd-textarea label\");\n var i = labels.length;\n while (i--) \n var label = labels.item(i);\n var text = label.textContent;\n label.parentNode.classList.contains(\"required\") && (text += \" *\");\n var nextElement = label.nextElementSibling;\n \n if (nextElement) \n if (nextElement.tagName == 'SELECT') \n nextElement.options[0].text = text;\n else \n nextElement.setAttribute(\"placeholder\", text);\n \n label.parentNode.removeChild(label);\n \n \n // var elements = document.querySelectorAll('.no-label');\n Array.prototype.forEach.call(elements, function(el, i) \n el.parentNode.removeChild(el);\n );\t\n\t\n\t\n\n The Form sections consists of this text: \n%%form-opening-general-content%%\n\n%%form-if-thank-you%%\n\t%%form-javascript-focus%%\n\t%%form-thank-you-content%%\n\t%%form-thank-you-code%%\n%%form-end-if-thank-you%%\n\n%%form-if-display-form%%\n\n\t%%form-before-form-content%%\n\t\t%%form-if-error%%\n\t\t\tPlease correct the errors below:\n\t\t%%form-end-if-error%%\n\t\t\t\n\t\t%%form-start-loop-fields%%\n\t\t\t\n\t\t\t\t%%form-if-field-label%%\n\t\t\t\t\t%%form-field-label%%\n\t\t\t\t%%form-end-if-field-label%%\n\t\t\t\t\n\t\t\t\t%%form-field-input%%\n\t\t\t\t%%form-if-field-description%%\n\t\t\t\t\t%%form-field-description%%\n\t\t\t\t%%form-end-if-field-description%%\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t%%form-field-if-error%%\n\t\t\t\t%%form-field-error-message%%\n\t\t\t%%form-field-end-if-error%%\n\t\t\t\n\t\t%%form-end-loop-fields%%\n\t\t\n\t\t%%form-spam-trap-field%%\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\n\t%%form-after-form-content%%\n\t\n%%form-end-if-display-form%%\n\n%%form-javascript-link-target-top%%\n And Site search consists of this: \n\t\n\t\t \n\t\t \n\t\nSearch results for: %%search-query%%\t\t\n\n%%search-if-results%%\n\t\n\t\t%%search-start-loop-results%% \n\t\t\n\t\t\t%%search-result-title%%\n\t\t\t%%search-result-description%% \n\t\t\t%%search-result-url-abbreviation%% %%search-result-file-size%% KB\n\t\t
\n\t\t%%search-end-loop-results%%\n\t\n\t\n\t\n\t\t\n\t\t%%search-if-previous-page-available%%\n\t\t\n\t\t\tPrevious (page %%search-previous-page-number%%)\n\t\t\n\t\t%%search-else-previous-page-not-available%%\n\t\t\tPrevious \n\t\t%%search-end-if-previous-page-available%% \n\t\n\t\tPage %%search-this-page-number%% of %%search-total-pages-number%% \n\t\n\t\t%%search-if-next-page-available%%\n\t\t\t\n\t\t\tNext (page %%search-next-page-number%%)\n\t\t%%search-else-next-page-not-available%%\n\t\t\tNext\n\t\t%%search-end-if-next-page-available%%\n\t\t\n\t\n%%search-else-no-results%%\n\t%%search-no-results-content%%\n%%search-end-if-results%%\n How am I able to bring this altogether in dreamweaver?","isUseLiaRichMedia":false,"autoTitleLink":" _0.form.messageeditor.tinymceeditor:getautotitle?t:ac=board-id/dreamweaver/message-id/213071/thread-id/213071","isGteEditorV2":true,"linkTooltipTexts":"bareURL":"Bare URL","unlink":"Unlink","openLink":"Open link","autoTitle":"Auto-title","elementSelector":"#tinyMceEditor_1024d9296fd27d6","preLoadedAddOnAssetUrls":["/html/js/lib/tinymce/4.7.13/themes/modern/theme.js","/html/js/lib/tinymce/4.7.13/plugins/lists/plugin.js","/html/js/lib/tinymce/4.7.13/plugins/compat3x/plugin.js","/html/js/lib/tinymce/4.7.13/plugins/image/plugin.js","/html/js/lib/tinymce/4.7.13/plugins/link/plugin.js","/html/js/lib/tinymce/4.7.13/plugins/textcolor/plugin.js","/html/js/lib/tinymce/4.7.13/plugins/table/plugin.js","/html/js/lib/tinymce/4.7.13/plugins/tabfocus/plugin.js","/html/js/lib/tinymce/4.7.13/plugins/paste/plugin.js","/plugin/editors/tinymce/plugins/spoiler/plugin.js","/plugin/editors/tinymce/plugins/spoiler/langs/en.js","/plugin/editors/tinymce/plugins/insertcode/plugin.js","/plugin/editors/tinymce/plugins/insertcode/langs/en.js","/html/js/lib/tinymce/4.7.13/plugins/advlist/plugin.js","/html/js/lib/tinymce/4.7.13/plugins/autolink/plugin.js","/plugin/editors/tinymce/plugins/liarichmedia/plugin.js","/plugin/editors/tinymce/plugins/liarichmedia/langs/en.js","/plugin/editors/tinymce/plugins/liaexpandtoolbar/plugin.js","/plugin/editors/tinymce/plugins/liaexpandtoolbar/langs/en.js","/html/js/lib/tinymce/4.7.13/plugins/codesample/plugin.js","/plugin/editors/tinymce/plugins/liaquote/plugin.js","/plugin/editors/tinymce/plugins/liaquote/langs/en.js","/plugin/editors/tinymce/plugins/liamacros/plugin.js","/plugin/editors/tinymce/plugins/liamacros/langs/en.js","/plugin/editors/tinymce/plugins/liafullscreendone/plugin.js","/plugin/editors/tinymce/plugins/liafullscreendone/langs/en.js","/html/js/lib/tinymce/4.7.13/plugins/code/plugin.js","/plugin/editors/tinymce/plugins/mentions/plugin.js","/plugin/editors/tinymce/plugins/mentions/langs/en.js","/html/js/lib/tinymce/4.7.13/plugins/noneditable/plugin.js","/plugin/editors/tinymce/plugins/emoticons/plugin.js","/plugin/editors/tinymce/plugins/emoticons/langs/en.js","/plugin/editors/tinymce/plugins/spellchecker/plugin.js"],"isOoyalaVideoEnabled":false,"isInlineLinkEditingEnabled":true,"optionsParam":"messageMentionTemplate":"#title","spellcheckerUrl":"/spellchecker/lucene","useUserMentions":true,"toolbarSelector":".mce-toolbar-grp","useProductMentions":false,"mediaUploadOptions":"attachmentOverlayText":"Drop your files here","createVideoLink":" _0.form.messageeditor.tinymceeditor:createvideo?t:ac=board-id/dreamweaver/message-id/213071/thread-id/213071","imageUploadSettings":"validImageExts":"*.jpg;*.JPG;*.jpeg;*.JPEG;*.gif;*.GIF;*.png;*.PNG","maxFileBytes":10264576,"maxImagesPerUpload":10,"editorOverlayText":"Drop your media files here","copyPasteSettings":"copyPasteEvent":"LITHIUM:liaCopyPasteImages","copyPasteBatchSize":3,"copyPasteCss":"lia-copypaste-placeholder","username":"Deleted User","videoImageTooltip":"\"Please wait while we upload and process your video. This may take a few minutes, so please check back later.\"","enableFormActionButtonsEvent":"LITHIUM:enableFormActionButtons","videoUploadingUrlsLink":" _0.form.messageeditor.tinymceeditor:videouploadingurls?t:ac=board-id/dreamweaver/message-id/213071/thread-id/213071","isOverlayVisible":true,"videoEmbedThumbnail":"/i/skins/default/video-loading-new.gif","videoStatusUpdateLink":" _0.form.messageeditor.tinymceeditor:videostatusupdate?t:ac=board-id/dreamweaver/message-id/213071/thread-id/213071","token":"IaA9GmBr0obja1oAPI0hNpngcTqTJRXMowyAJnPDYlw.","defaultAlbumId":1,"imageFormatFeedbackErrorContainer":".lia-file-error-msg","fileUploadSelector":".lia-file-upload","isCanUploadImages":false,"videoUploadSettings":"maxFileBytes":512000000,"validVideoExts":".wmv;.avi;.mov;.moov;.mpg;.mpeg;.m2t;.m2v;.vob;.flv;.mp4;.mpg4;.mkv;.asf;.m4v;.m2p;.3gp;.3g2;.f4v;.mp3;.m4a;.wma;.aac","disableFormActionButtonsEvent":"LITHIUM:disableFormActionButtons","isOoyalaVideoEnabled":false,"videoEmbedSizes":"small":"width":200,"height":150,"original":"width":400,"height":300,"large":"width":600,"height":450,"medium":"width":400,"height":300,"isMobileDevice":false,"removeAllOverlays":"LITHIUM:removeAllOverlays","isCanUploadVideo":false,"passToAttachmentEvent":"LITHIUM:passToAttachment","imageUrlPattern":" -id//image-size/?v=v2&px=-1","useMessageMentions":false,"spellcheckerLangs":"English (US)=en,Spanish=es,Portuguese=pt,German=de,French=fr,Arabic=ar","mentionsVersion":"2","iframeTitle":"Body Rich Text Area. Press ALT-F10 for toolbar and Escape to return to the editor.","events":"editorPasteEvent":"LITHIUM:editorPaste","editorLoadedEvent":"LITHIUM:editorLoaded","useGraphicalEditor":true});LITHIUM.InformationBox("updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_1024d9296fd27d6_36","feedbackSelector":".InfoMessage");LITHIUM.Text.set("ajax.createUrlSnippet.loader.feedback.title":"Loading...");LITHIUM.AjaxSupport("ajaxOptionsParam":"useLoader":true,"event":"LITHIUM:createUrlSnippet","tokenId":"ajax","elementSelector":"#messagepresnippet_1024d9296fd27d6","action":"createUrlSnippet","feedbackSelector":"#messagepresnippet_1024d9296fd27d6","url":" _0.form.messageeditor.messagepresnippet:createurlsnippet?t:ac=board-id/dreamweaver/message-id/213071/thread-id/213071","ajaxErrorEventName":"LITHIUM:ajaxError","token":"rsHx33cQVg4Qt4Cj3Ex4bxu1mD6rqcg-EPLIum0t2wQ.");LITHIUM.MessagePreSnippet("pasteEvent":"LITHIUM:editorPaste","maxUrlListSize":10,"snippetExistsTextClass":"lia-media-snippet-preview-exists","tinyMceSelector":"#messageEditor_1024d9296fd27d6_0","messageSnippetEvent":"LITHIUM:createUrlSnippet","elementSelector":"#messagepresnippet_1024d9296fd27d6","snippetUpdateEvent":"LITHIUM:updateUrlSnippet","urlFormFieldSelector":".lia-form-media-snippet-url-input","snippetCloseEvent":"LITHIUM:closeUrlSnippet");LITHIUM.BlockEvents('.lia-js-block-events', [".lia-spoiler-link",".oo-icon",".oo-volume-bar",".oo-close-button"], '.message-preview');LITHIUM.KeepSessionAlive("/t5/status/blankpage?keepalive", 300000);new LITHIUM.MessageEditor("previewButtonSelector":"#previewButton_1024d9296fd27d6","defaultTabSelector":".rich-link","defaultTabName":"rich","usesInlinePreview":true,"formHasErrorsEvent":"LITHIUM:formHasErrors","exitPreviewButtonSelector":"#exitPreviewButton_1024d9296fd27d6","isTabsPresent":false,"ajaxCompleteEvent":"LITHIUM:ajaxComplete","isGteEditorV2":true,"previewSubmitElementSelector":"#submitContext_1024d9296fd27d6","tinyMceElementSelector":"#tinyMceEditor_1024d9296fd27d6","elementSelector":"#messageEditor_1024d9296fd27d6_0","macroChangeEvent":"LITHIUM:change-macro","preExitPreviewEvent":"LITHIUM:refreshAttachments");LITHIUM.MessageEditor.MessageQuote("#messageQuote_1024d9296fd27d6", "#tinyMceEditor_1024d9296fd27d6", " wrote:I am looking to replicate a form that was created on pardot in dreamweaver. The Pardot Layout consists of 3 sections: Layout, Form, and Site Search. The layout consiste of this html:\n\n\n\n\n\n\n%%title%%\n\n\n@import url(' =Open+Sans&display=swap');\t\n@import url(' =Montserrat&display=swap');\t\nbodypadding:0 !important;margin: 0 !important;\n.main_formmargin:0 auto;max-width: 800px;\t\n.main_form .form \n padding: 0px !important;\n margin: 0px !important;\n width: 100%!important;\n\n.main_form .form .form-field \n margin: 0px!important;\n margin-bottom: 20px!important;\n width: 100% !important;\n float: left!important;\n clear: none !important;\n\n.main_form .form p label \n color: #333 !important;\n font-size: 14px !important;\n line-height: 1.3 !important;\n display: inline-block !important;\n font-family: 'Open Sans', sans-serif !important;\n font-weight: 400 !important;\n\n.main_form .form p .field-label \n width: 100%!important;\n display: block!important;\n text-align: left!important;\n font-weight: 400!important;\n background: none !important;\n padding-top: 0 !important;\n\n.main_form .form input[type=\"text\"], .main_form .form select, .main_form .form textarea \n font-size: 14px !important;\n \n padding: 10px 12px!important;\n float: left!important;\n width: 100% !important;\n border-radius: 0 !important;\n -webkit-border-radius: 0 !important;\n box-sizing: border-box!important;\n font-family: 'Open Sans', sans-serif !important;\n\tborder: solid 1px #ddd !important;\nbackground: #f5f5f5 !important;\n\tcolor: #333 !important;\n\theight: 48px !important;\n\tmargin: 0!important;\n vertical-align: baseline!important;\n box-shadow: none!important;\n -webkit-appearance: none!important;\n -moz-appearance: none!important;\n appearance: none!important;\n outline: 0!important;\n\t\n\n.main_form .form input:focus, .main_form .form select:focus, .main_form .form textarea:focus \t\n\tborder-color: #00548e !important;\n\t\t\n\t\nform.form p \n color: #fff !important;\n padding: 0 !important;\n margin: 0 !important;\n font-size: 14px;\n\n\n.main_form .form textarea \n resize: none!important;\n\n\n.red-color, form.form p.error, form.form span.error, form.form div.error, form.form p.error label \n margin: 0 !important;\n padding: 0 !important;\n color: red !important;\n text-shadow: none !important;\n\n\n.main_form .form .form-field.error input, .main_form .form .form-field.error select, .main_form .form .form-field.error textarea \n border-color: red !important;\n\nform.form p.required label, form.form span.required label \n padding-left: 0 !important;\n\n.main_form .form p .field-label \n color: #333 !important;\n font-family: 'Open Sans', sans-serif !important;\n\n\n.main_form .form .pd-radio span \n display: block!important;\n width: 100%!important;\n\n.main_form .form p.submit \n margin: 0px!important;\n padding: 0px!important;\n width: 100% !important;\n text-align: center!important;\n display: inline-block!important;\n margin-top: 0 !important;\n\n.main_form .form input[type=\"submit\"] \n\t\n\tcolor:#333 !important;;background:transparent !important;;border:2px solid #01010133 !important;\n\t\n \n border-radius: 0 !important;\n -webkit-border-radius: 0 !important;\n padding: 5px 80px !important;\n display: inline-block !important;\n float: none !important;\n font-size: 14px !important;\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 500;\n\tletter-spacing: 2px !important;\n cursor: pointer !important;\n transition: 0.5s !important;\n -webkit-transition: 0.5s !important;\n -moz-transition: 0.5s !important;\n -o-transition: 0.5s !important;\n margin: 0px !important;\n position: relative !important;\n text-transform: uppercase !important;\n z-index: 1!important;\n height: auto !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n width: auto !important;\n\n.main_form .form input[type=\"submit\"]:hover,.main_form .form input[type=\"submit\"]:focus \n background: #00467f !important;\n border-color: #00467f !important;\n\tcolor: #fff !important;\n\n.main_form .form .pd-checkbox span \n width: 100%!important;\n display: inline-block!important;\n margin-bottom: 15px!important;\n\n.main_form .form .pd-checkbox span:last-child \n margin-bottom: 0px!important;\n\n.main_form .form .pd-checkbox label.inline \n margin: 0px!important;\n\n.main_form .form .pd-checkbox .field-label \n margin: 0px 0px 5px 0px!important;\n\n.main_form .form .pd-checkbox input[type=\"checkbox\"] \n opacity: 0!important;\n position: absolute!important;\n width: auto !important;\n\n.main_form .form .pd-checkbox input[type=\"checkbox\"], .main_form .form .pd-checkbox label.inline \n cursor: pointer!important;\n\n.main_form .form .pd-checkbox label.inline \n position: relative!important;\n font-size: 14px!important;\n line-height: 1.2em!important;\n padding-left: 30px!important;\n\n.main_form .form .pd-checkbox input[type=\"checkbox\"] + label.inline:before \n content: ''!important;\n background: #fff!important;\n border: 1px solid #333!important;\n float: left!important;\n vertical-align: middle!important;\n width: 15px!important;\n height: 15px!important;\n padding: 2px!important;\n margin-right: 0px!important;\n margin-bottom: 0px!important;\n text-align: center!important;\n margin-top: -1px!important;\n left: 0!important;\n position: absolute!important;\n\n.main_form .form .pd-checkbox input[type=\"checkbox\"]:checked + label.inline:before \n content: \"\\f00c\"!important;\n font-family: 'FontAwesome'!important;\n background: #333 !important;\n color: #fff!important;\n border-color: #333 !important;\n line-height: 1em!important;\n\n.main_form .form .pd-radio span \n width: 100%!important;\n display: inline-block!important;\n margin: 0 0 7px 0px!important;\n\n.main_form .form .pd-radio span:last-child \n margin-bottom: 0px!important;\n\n.main_form .form .pd-radio label.inline \n margin: 0px!important;\n\n.main_form .form .pd-radio .field-label \n margin: 0px 0px 10px 0px!important;\n\n.main_form .form .pd-radio input[type=\"radio\"] \n opacity: 0!important;\n position: absolute!important;\n width: auto !important;\n\n.main_form .form .pd-radio input[type=\"radio\"], .main_form .form .pd-checkbox label.inline \n cursor: pointer!important;\n color: #333 !important;\n font-family: 'Open Sans', sans-serif !important;\n\n.main_form .form .pd-radio label.inline \n position: relative;\n font-size: 14px!important;\n line-height: 1.2em!important;\n padding-left: 30px!important;\n cursor: pointer!important;\n width: auto!important;\n\n.main_form .form .pd-radio input[type=\"radio\"] + label.inline:before \n content: ''!important;\n background: #fff!important;\n border: 1px solid #333!important;\n float: left!important;\n vertical-align: middle!important;\n width: 10px!important;\n height: 10px!important;\n padding: 2px!important;\n margin-right: 0px!important;\n margin-bottom: 0px!important;\n text-align: center!important;\n left: 0!important;\n position: absolute!important;\n border-radius: 50px!important;\n -webkit-border-radius: 50px !important;\n\n.main_form .form .pd-radio input[type=\"radio\"]:checked + label.inline:before \n content: \"\\f00c\"!important;\n font-family: 'FontAwesome'!important;\n background: #ee8a1d!important;\n color: #fff!important;\n border-color: #f47920!important;\n line-height: 1em!important;\n font-size: 10px!important;\n\n.main_form .form .thanks_msg \n width: 100%!important;\n text-align: center!important;\n float: left!important;\n padding: 20px 0px!important;\n\n.main_form .form .thanks_msg h2 \n width: 100%!important;\n display: inline-block!important;\n font-size: 28px!important;\n color: #333!important;\n\n.main_form .form .thanks_msg p \n text-align: center!important;\n font-size: 15px!important;\n color: #666!important;\n width: 100%!important;\n display: inline-block!important;\n margin: 0px !important;\n padding: 0px !important;\n\n.main_form .form span.description \n width: 100%!important;\n display: inline-block!important;\n padding: 20px 0px 10px!important;\n font-size: 15px!important;\n line-height: 1.3em!important;\n\n.main_form .form .form-field.error \n padding-bottom: 5px !important;\n\n.main_form form.form p.no-label \n text-align: left !important;\n\n\n\n\n(function(w,d,s,l,i))(window,document,'script','dataLayer','GTM-59BV25V');\n\n\n\n\n\n\n\n\n %%content%%\n\n\t\n\nvar labels = document.querySelectorAll(\"p.pd-text label, p.pd-select label, p.pd-textarea label\");\n var i = labels.length;\n while (i--) \n var label = labels.item(i);\n var text = label.textContent;\n label.parentNode.classList.contains(\"required\") && (text += \" *\");\n var nextElement = label.nextElementSibling;\n \n if (nextElement) \n if (nextElement.tagName == 'SELECT') \n nextElement.options[0].text = text;\n else \n nextElement.setAttribute(\"placeholder\", text);\n \n label.parentNode.removeChild(label);\n \n \n // var elements = document.querySelectorAll('.no-label');\n Array.prototype.forEach.call(elements, function(el, i) \n el.parentNode.removeChild(el);\n );\t\n\t\n\t\n\n The Form sections consists of this text: \n%%form-opening-general-content%%\n\n%%form-if-thank-you%%\n\t%%form-javascript-focus%%\n\t%%form-thank-you-content%%\n\t%%form-thank-you-code%%\n%%form-end-if-thank-you%%\n\n%%form-if-display-form%%\n\n\t%%form-before-form-content%%\n\t\t%%form-if-error%%\n\t\t\tPlease correct the errors below:\n\t\t%%form-end-if-error%%\n\t\t\t\n\t\t%%form-start-loop-fields%%\n\t\t\t\n\t\t\t\t%%form-if-field-label%%\n\t\t\t\t\t%%form-field-label%%\n\t\t\t\t%%form-end-if-field-label%%\n\t\t\t\t\n\t\t\t\t%%form-field-input%%\n\t\t\t\t%%form-if-field-description%%\n\t\t\t\t\t%%form-field-description%%\n\t\t\t\t%%form-end-if-field-description%%\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t%%form-field-if-error%%\n\t\t\t\t%%form-field-error-message%%\n\t\t\t%%form-field-end-if-error%%\n\t\t\t\n\t\t%%form-end-loop-fields%%\n\t\t\n\t\t%%form-spam-trap-field%%\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\n\t%%form-after-form-content%%\n\t\n%%form-end-if-display-form%%\n\n%%form-javascript-link-target-top%%\n And Site search consists of this: \n\t\n\t\t \n\t\t \n\t\nSearch results for: %%search-query%%\t\t\n\n%%search-if-results%%\n\t\n\t\t%%search-start-loop-results%% \n\t\t\n\t\t\t%%search-result-title%%\n\t\t\t%%search-result-description%% \n\t\t\t%%search-result-url-abbreviation%% %%search-result-file-size%% KB\n\t\t
\n\t\t%%search-end-loop-results%%\n\t\n\t\n\t\n\t\t\n\t\t%%search-if-previous-page-available%%\n\t\t\n\t\t\tPrevious (page %%search-previous-page-number%%)\n\t\t\n\t\t%%search-else-previous-page-not-available%%\n\t\t\tPrevious \n\t\t%%search-end-if-previous-page-available%% \n\t\n\t\tPage %%search-this-page-number%% of %%search-total-pages-number%% \n\t\n\t\t%%search-if-next-page-available%%\n\t\t\t\n\t\t\tNext (page %%search-next-page-number%%)\n\t\t%%search-else-next-page-not-available%%\n\t\t\tNext\n\t\t%%search-end-if-next-page-available%%\n\t\t\n\t\n%%search-else-no-results%%\n\t%%search-no-results-content%%\n%%search-end-if-results%%\n How am I able to bring this altogether in dreamweaver?", true);LITHIUM.FileDragDrop("urls":"uploadUrl":" _0.form.attachmentscomponent:uploadfileaction/attachments-key/5dab7f78-6767-42cb-81bc-8873ce7fd5fc?t:ac=board-id/dreamweaver/message-id/213071/thread-id/213071","selectors":"container":"#filedragdrop_1024d9296fd27d6","feedbackElement":"#dragDropFeedback .AjaxFeedback","cancelUploadProgress":"lia-remove-attachment-inprogress","fileUpload":"#filedragdrop_1024d9296fd27d6 .lia-file-upload","events":"uploadDoneEvent":"LITHIUM:uploadDone","refreshAttachmentsEvent":"LITHIUM:refreshAttachments","formHasErrorsEvent":"LITHIUM:formHasErrors","misc":"actionTokenId":"uploadFile","fileDataParam":"Filedata","isEditorGteV2":true,"actionToken":"eHUE7n9FGeniQQ3_n6GXiLcun5nl9qmLCWFAVg8wQtc.");LITHIUM.InformationBox("updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_1024d9296fd27d6_37","feedbackSelector":".InfoMessage");LITHIUM.AjaxSupport("ajaxOptionsParam":"event":"LITHIUM:refreshAttachments","parameters":"clientId":"inlinemessagereplyeditor_0_1024d9296fd27d6","attachmentKey":"5dab7f78-6767-42cb-81bc-8873ce7fd5fc","tokenId":"ajax","elementSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6","action":"refreshAttachments","feedbackSelector":"#attachmentsComponent_1024d9296fd27d6","url":" _0.form.attachmentscomponent:refreshattachments?t:ac=board-id/dreamweaver/message-id/213071/thread-id/213071","ajaxErrorEventName":"LITHIUM:ajaxError","token":"FHSamDNuPOD9wL2tArLZxhd4cBQrr-g6ousGRGZH4-8.");LITHIUM.AjaxSupport("ajaxOptionsParam":"event":"LITHIUM:removeNewAttachment","parameters":"clientId":"inlinemessagereplyeditor_0_1024d9296fd27d6","attachmentKey":"5dab7f78-6767-42cb-81bc-8873ce7fd5fc","tokenId":"ajax","elementSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-file-upload","action":"removeNewAttachment","feedbackSelector":"#attachmentsComponent_1024d9296fd27d6","url":" _0.form.attachmentscomponent:removenewattachment?t:ac=board-id/dreamweaver/message-id/213071/thread-id/213071","ajaxErrorEventName":"LITHIUM:ajaxError","token":"rbVky3Rcuqd5FHo_nWSg4xPDGjQsk0l_GJIwn9A8opk.");LITHIUM.AjaxSupport("ajaxOptionsParam":"event":"LITHIUM:removePreviewAttachment","parameters":"clientId":"inlinemessagereplyeditor_0_1024d9296fd27d6","attachmentKey":"5dab7f78-6767-42cb-81bc-8873ce7fd5fc","tokenId":"ajax","elementSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-file-upload","action":"removePreviewAttachment","feedbackSelector":"#attachmentsComponent_1024d9296fd27d6","url":" _0.form.attachmentscomponent:removepreviewattachment?t:ac=board-id/dreamweaver/message-id/213071/thread-id/213071","ajaxErrorEventName":"LITHIUM:ajaxError","token":"SXTWe5zVMSsB7AXTXvWHtffMi6FF6UDGOjHZW4nnSHE.");LITHIUM.AjaxSupport("ajaxOptionsParam":"event":"LITHIUM:removeExistingAttachment","parameters":"clientId":"inlinemessagereplyeditor_0_1024d9296fd27d6","attachmentKey":"5dab7f78-6767-42cb-81bc-8873ce7fd5fc","tokenId":"ajax","elementSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-file-upload","action":"removeExistingAttachment","feedbackSelector":"#attachmentsComponent_1024d9296fd27d6","url":" _0.form.attachmentscomponent:removeexistingattachment?t:ac=board-id/dreamweaver/message-id/213071/thread-id/213071","ajaxErrorEventName":"LITHIUM:ajaxError","token":"QU3x5nalTB8KrAsNVvLOdC_GgfhmR2mC9oBu2aF_tio.");LITHIUM.AjaxSupport("ajaxOptionsParam":"event":"LITHIUM:removeInProgressNewAttachment","parameters":"clientId":"inlinemessagereplyeditor_0_1024d9296fd27d6","attachmentKey":"5dab7f78-6767-42cb-81bc-8873ce7fd5fc","tokenId":"ajax","elementSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-file-upload","action":"removeInProgressNewAttachment","feedbackSelector":"#attachmentsComponent_1024d9296fd27d6","url":" _0.form.attachmentscomponent:removeinprogressnewattachment?t:ac=board-id/dreamweaver/message-id/213071/thread-id/213071","ajaxErrorEventName":"LITHIUM:ajaxError","token":"trbLSih_gqUaXnFsYTgAt7i4jAIyV00FfDcPVKVC56A.");LITHIUM.DragDropAttachmentsComponent("fileSizeErrorText":"The file () exceeds the maximum file size. The maximum file size is 47 MB.","validExts":"8bf, abf, abr, act, aep, afm, ai, arw, as, ase, avi, bmp, book, cel, cfc, chproj, cptx, cr2, cr3, crf, crw, css, csv, dn, dng, doc, docx, eps, epub, exif, fbx, fla, flac, flv, fm, gif, icma, icml, ico, ics, idml, indd, jpeg, jpg, jsfl, json, log, loss, lrcat, lrtemplate, m4a, mif, mov, mp3, mp4, mpg, nef, nrw, obj, odt, orf, otc, otf, pdf, pfb, pfm, pmd, png, ppj, ppt, pptx, prc, prel, prproj, ps, psb, psd, raf, raw, rtf, sbs, sbsar, sbsm, scc, ses, sesx, skp, sol, srt, srw, ssa, stl, svg, swf, tif, ttc, ttf, txt, wav, wmv, x3f, xd, xls, xlsx, xml, xmp","dropZoneSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-attachments-drop-zone","uploadingText":"Uploading...","changeNumAttachmentsEvent":"LITHIUM:changeNumAttachments","storageUnitKB":"KB","currAttachments":0,"removeNewAttachmentSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-remove-attachment","removeInProgressNewAttachment":"LITHIUM:removeInProgressNewAttachment","elementSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6","maxAttachments":10,"removeAllOverlays":"LITHIUM:removeAllOverlays","inProgressAttachmentsContainerSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-in-progress-attachments","removeExistingAttachmentEvent":"LITHIUM:removeExistingAttachment","inputFieldSelector":".lia-form-type-file.lia-form-type-file-hidden","dropFilesHereText":"attachments.overlay.text","enableFormActionButtonsEvent":"LITHIUM:enableFormActionButtons","maxFileSize":50000000,"tooManyAttachmentsMsg":"The maximum number of attachments has been reached. Maximum number of attachments allowed is: 10","attachmentErrorSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-file-error-msg","cancelAttachmentProgressCss":"lia-remove-attachment-inprogress","fileUploadSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-file-upload","newAttachmentSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-new-attachment","attachmentsTooManyErrorSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-attachment-upload-error-many","fileTypeErrorText":"The file type () is not supported. Valid file types are: 8bf, abf, abr, act, aep, afm, ai, arw, as, ase, avi, bmp, book, cel, cfc, chproj, cptx, cr2, cr3, crf, crw, css, csv, dn, dng, doc, docx, eps, epub, exif, fbx, fla, flac, flv, fm, gif, icma, icml, ico, ics, idml, indd, jpeg, jpg, jsfl, json, log, loss, lrcat, lrtemplate, m4a, mif, mov, mp3, mp4, mpg, nef, nrw, obj, odt, orf, otc, otf, pdf, pfb, pfm, pmd, png, ppj, ppt, pptx, prc, prel, prproj, ps, psb, psd, raf, raw, rtf, sbs, sbsar, sbsm, scc, ses, sesx, skp, sol, srt, srw, ssa, stl, svg, swf, tif, ttc, ttf, txt, wav, wmv, x3f, xd, xls, xlsx, xml, xmp.","uploadDoneEvent":"LITHIUM:uploadDone","disableFormActionButtonsEvent":"LITHIUM:disableFormActionButtons","inProgressAttachmentSelector":".lia-in-progress-attachment","removePreviewAttachmentEvent":"LITHIUM:removePreviewAttachment","removeNewAttachmentEvent":"LITHIUM:removeNewAttachment","passToAttachmentEvent":"LITHIUM:passToAttachment");LITHIUM.InformationBox("updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_1024d9296fd27d6_38","feedbackSelector":".InfoMessage");LITHIUM.Form.resetFieldForFocusFound();LITHIUM.Text.set("ajax.InlineMessageReply.loader.feedback.title":"Loading...");LITHIUM.AjaxSupport.fromForm('#form_1024d9296fd27d6', 'InlineMessageReply', '#ajaxFeedback_1024d9296fd27d6_0', 'LITHIUM:ajaxError', "useLoader":false,"ignoreFormActions":["Cancel","SaveDraft"],"event":"submit","httpMethod":"POST", false);LITHIUM.InputEditForm("form_1024d9296fd27d6", "submitButton":".lia-button-Submit-action","enableFormButtonEvent":"LITHIUM:enableFormButton","warnUnsavedDataActionCssClasses":["lia-form-action-ignore-unsaved-data","lia-button-Cancel-action"],"useUnsavedDataWarning":true,"ignoreDisableFormDuringSubmitCssClasses":[],"submitOnChange":false,"swallowEnterEvent":true,"enableFormEvent":"LITHIUM:enableForm","disableFormButtonEvent":"LITHIUM:disableFormButton","disableFormEvent":"LITHIUM:disableForm","unloadMessage":"Unsaved information will be lost.","ignoreOnChangeCssClasses":[],"disableFormOnSubmit":true,"buttonWrapperSelector":".lia-button-wrapper","showUnsavedDataWarningDataKey":"showUnsavedDataWarning","liaBodyTagId":"#lia-body");LITHIUM.AjaxSupport("ajaxOptionsParam":"event":"LITHIUM:autosaveInline","parameters":"clientId":"inlinemessagereplyeditor_0_1024d9296fd27d6","tokenId":"ajax","elementSelector":"#form_1024d9296fd27d6","action":"autosaveInline","feedbackSelector":"#form_1024d9296fd27d6","url":" _0.form:autosaveinline?t:ac=board-id/dreamweaver/message-id/213071/thread-id/213071","ajaxErrorEventName":"LITHIUM:ajaxError","token":"Apz1k4pwZou18zZP3qFFFw0KqTHOsaazz-ROq9pXhLo.");LITHIUM.InlineMessageReplyEditor("openEditsSelector":".lia-inline-message-edit","ajaxFeebackSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-inline-ajax-feedback","collapseEvent":"LITHIUM:collapseInlineMessageEditor","confimationText":"You have other message editors open and your data inside of them might be lost. Are you sure you want to proceed?","topicMessageSelector":".lia-forum-topic-message-gte-5","focusEditor":false,"hidePlaceholderShowFormEvent":"LITHIUM:hidePlaceholderShowForm","formWrapperSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-form-wrapper","reRenderInlineEditorEvent":"LITHIUM:reRenderInlineEditor","ajaxBeforeSendEvent":"LITHIUM:ajaxBeforeSend:InlineMessageReply","element":"input","clientIdSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6","loadAutosaveAction":false,"newPostPlaceholderSelector":".lia-new-post-placeholder","placeholderWrapperSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-placeholder-wrapper","messageId":12226351,"formSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6","expandedClass":"lia-inline-message-reply-form-expanded","expandedRepliesSelector":".lia-inline-message-reply-form-expanded","newPostPlaceholderClass":"lia-new-post-placeholder","editorLoadedEvent":"LITHIUM:editorLoaded","replyEditorPlaceholderWrapperCssClass":"lia-placeholder-wrapper","messageActionsClass":"lia-message-actions","cancelButtonSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-button-Cancel-action","isGteForumV5":true,"messageViewWrapperSelector":".lia-threaded-detail-display-message-view","disabledReplyClass":"lia-inline-message-reply-disabled-reply");LITHIUM.Text.set("ajax.reRenderInlineEditor.loader.feedback.title":"Loading...");LITHIUM.AjaxSupport("ajaxOptionsParam":"useLoader":true,"blockUI":"","event":"LITHIUM:reRenderInlineEditor","parameters":"clientId":"inlinemessagereplyeditor_0_1024d9296fd27d6","tokenId":"ajax","elementSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6","action":"reRenderInlineEditor","feedbackSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6","url":" _0:rerenderinlineeditor?t:ac=board-id/dreamweaver/message-id/213071/thread-id/213071","ajaxErrorEventName":"LITHIUM:ajaxError","token":"fh8KXeOaxlTOdQT_TzR4HIL9HWGzVlEbDReq7OvFzKc.");LITHIUM.InlineMessageEditor("ajaxFeebackSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-inline-ajax-feedback","submitButtonSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6 .lia-button-Submit-action");LITHIUM.AjaxSupport("ajaxOptionsParam":"event":"LITHIUM:lazyLoadComponent","parameters":"componentId":"messages.widget.emoticons-lazy-load-runner","tokenId":"ajax","elementSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6","action":"lazyLoadComponent","feedbackSelector":false,"url":" _0:lazyloadcomponent?t:ac=board-id/dreamweaver/message-id/213071/thread-id/213071","ajaxErrorEventName":"LITHIUM:ajaxError","token":"dqTuKaFPh2dBJYIjLjJYEZHePiK1-gFpnFrVEvBVLlU.");LITHIUM.lazyLoadComponent("selectors":"elementSelector":"#inlinemessagereplyeditor_0_1024d9296fd27d6","events":"lazyLoadComponentEvent":"LITHIUM:lazyLoadComponent","misc":"isLazyLoadEnabled":true);;(function($)try const RESOURCE_LINK = 'Community: resourcesLinkClick'; const RESOURCE_EDIT = 'Community: resourcesEditClick'; const RESOURCE_ADD_GROUP = 'Community: resourcesAddGroupClick'; const RESOURCE_ADD_LINK = 'Community: resourcesAddLinkClick'; const RESOURCE_EDIT_GROUP = 'Community: resourcesEditGroup'; const RESOURCE_EDIT_LINK = 'Community: resourcesEditLink'; const RESOURCE_DELETE_GROUP = 'Community: resourcesDeleteGroup'; const RESOURCE_DELETE_LINK = 'Community: resourcesDeleteLink'; if($('.resources-container').length > 0) $('.links-list-item-title-url-container .list-link').on('click', function(e) trackResourceEvents(e.currentTarget,RESOURCE_LINK,true,true); ); $('.resources-header-edit-icon').on('click',function(e) trackResourceEvents(null,RESOURCE_EDIT,false,false); ); $('.add-group-container').on('click',function(e) trackResourceEvents(null,RESOURCE_ADD_GROUP,false,false); ); $(document).on('click', '.group-form .add-link', function(e) trackResourceEvents(null,RESOURCE_ADD_LINK,false,false); ); $(document).on('click', '.group-list-item .group-edit-button', function(e) trackResourceEvents(e.currentTarget,RESOURCE_EDIT_GROUP,true,false); ); $(document).on('click', '.group-list-item .group-delete-button', function(e) trackResourceEvents(e.currentTarget,RESOURCE_DELETE_GROUP,true,false); ); $(document).on('click', '.saved-link__edit', function(e) trackResourceEvents(e.currentTarget,RESOURCE_EDIT_LINK,true,true); ); $(document).on('click', '.saved-link__delete', function(e) trackResourceEvents(e.currentTarget,RESOURCE_DELETE_LINK,true,true); ); catch(ex) console.log(ex); )(LITHIUM.jQuery); ;(function($)tryconst CC_LINKS_TYPE= '0': 'GetAppsBanner', '1': 'GetApps', '2': 'InstallTheApp', '3': 'LaunchTheExperience', '4': 'ManageAccount'; const CONVERSATION_FLAG_TYPE= '-1': '', '0': 'Top Reply', '1': 'Correct Answer', '2': 'Featured', '3': 'Announcement', '4': 'Pinned Reply'; const PAGE_NAME='digitalData.page.pageInfo.pageName';const LANGUAGE='digitalData.page.pageInfo.language';const SITE_SECTION='digitalData.page.pageInfo.siteSection';const COMMUNITY_CATEGORY='digitalData.community.communityInfo.communityCategory';const COMMUNITY_ID='digitalData.community.communityInfo.communityId';const COMMUNITY_TITLE='digitalData.community.communityInfo.communityTitle'; const CONVERSATION_PAGE='Community: conversationPage';//evar203 mapped variablesconst CARD_CREATED_DATE='digitalData.community.communityAttributes.cardCreatedDate';const COUNT_CORRECT_ANSWER='digitalData.community.communityAttributes.countCorrectAnswer';const COMMUNITY_FLAG='digitalData.community.communityInfo.communityFlag'; const COUNT_REPLY='digitalData.community.communityAttributes.countReply'; const RELATED_CONVERSATION_ACTION='relatedConversationClick';const COMMUNITY_DD_PROPERTY='digitalData.community';const CONVERSATION_REPORT='Community: conversationReportClick';const REPLY_REPORT='Community: repliesReportClick';const MARKED_CORRECT='Community: Marked as Correct';const UNMARKED_CORRECT='Community: UnMarked as Correct';const REPLY_MARKED_CORRECT='replyMarkedCorrect';const REPLY_UNMARKED_CORRECT='replyUnmarkedCorrect';const CONVERSATION_FOLLOW='Community: conversationFollowClick';const REPLY_FOLLOW='Community: repliesFollowClick';const CONVERSATION_UNFOLLOW='Community: conversationUnfollowClick';const REPLY_UNFOLLOW='Community: repliesUnfollowClick';const SOPHIA_EVENTS = 'digitalData.sophiaResponse.fromPage';const CC_LINK1 = 'Community: CCD_';const CC_LINK2 = 'Click';const CC_LINK_CLICK = 'ccdLinkClick';const CC_MANAGE_ACCOUNT_CLICK = 'manageAccountLinkClick'; const REC_CONVO_FEEDBACK_SHOWN='digitalData.community.communityAttributes.recConvoFeedbackShown';const CONVERSATION_EDIT='Community: conversationEditClick';const CONVERSATION_VIEW_HISTORY='Community: conversationViewHistoryClick';const CONVERSATION_MOVE_MERGE='Community: conversationMoveMergeClick';const CONVERSATION_SPAM='Community: conversationSpamClick';const CONVERSATION_DELETE='Community: conversationDeleteClick';const CONVERSATION_BAN_USER='Community: conversationBanUserClick';const REPLY_BAN_USER='Community: repliesBanUserClick';const REPLY_SPAM='Community: repliesSpamClick';const REPLY_DELETE='Community: repliesDeleteClick';const REPLY_MOVE_MERGE='Community: repliesMoveMergeClick';const REPLY_VIEW_HISTORY='Community: repliesViewHistoryClick';const REPLY_EDIT='Community: repliesEditClick';const REPLIES_IN_RESPONSE_TO ='Community: repliesInResponseToClick';$.when(promise1).done( function () userProfilePromise.then(trackConversationPageLoad);); function trackConversationPageLoad() //Conversation Page Load Tracking const subject = $('.userStrip').attr('data-message-subject');let messageUid = '12226351';const tempDD = digitalData; let boardId = normalizeBoardId('dreamweaver'); let community = normalizeCategoryBoardId(); let contentType = getBoardType(boardId); //track new post success trackNewPostSuccess(community, subject, messageUid); //track merge message success trackMergeSuccess(subject,community,'12226351',contentType); //recover digital data property digitalData = tempDD; const valArr = location.pathname.split('/'); let pageName; let layoutView = 'threaded'; if('ForumTopicPage' === 'IdeaPage') layoutView = 'linear'; //Ideas do not support threaded view so it will always be linear let sortOrder = 'by_date_ascending'=="by_date_ascending"?"Earliest":"Latest"; if(PAGE_LANG!=='en') pageName = location.hostname + ':t5:' + boardId + ':' + 'conversationPage'; else if(valArr && valArr.length > 2) pageName = location.hostname + ':' + valArr[1] + ':' + community + ':' + 'conversationPage'; if(pageName) setDigitalDataProperty(PAGE_NAME, pageName); if(messageUid) setDigitalDataProperty(COMMUNITY_ID, messageUid); setDigitalDataProperty(LANGUAGE, getLocale()); setDigitalDataProperty(SITE_SECTION, CONVERSATION_PAGE); setPrimaryEvent(CONVERSATION_PAGE, 'pageload');let replyCount = 0;if($('.reply-count__text').length > 0) replyCount = $('.reply-count__text').attr('data-reply-count'); let status = ''; let voteCount = 0; if($('.message-status-link').length > 0) status = $('.message-status-link')[0].innerText; if($('#messageKudosCount_').length > 0) voteCount = $('#messageKudosCount_')[0].getAttribute('data-upvote-count'); const correctAnswerCount = $('.correct-answer-div').attr('data-correct-answer-count'); const creationDate = $('.roleTimestamp').attr('data-post-time'); setDigitalDataProperty(CARD_CREATED_DATE, creationDate); //setDigitalDataProperty(COUNT_REPLY, replyCount?replyCount:'0'); setDigitalDataProperty(COUNT_CORRECT_ANSWER, correctAnswerCount?correctAnswerCount:'0'); setDigitalDataProperty(COMMUNITY_CONTENT_TYPE, contentType); setDigitalDataProperty(COMMUNITY_CATEGORY, community); setDigitalDataProperty(COMMUNITY_TITLE, subject); let solnType = $('.conversation-page-container').attr('data-solution-type'); if(parseInt(solnType) 0) solnType = '1'; else if($('#special-reply-pinned').length > 0) solnType = '4'; solnType = CONVERSATION_FLAG_TYPE[solnType]; let flag = solnType; if($('.body-outer-container').attr('data-pin-flag') === "true") if(flag != '') flag = flag + ';Pinned'; else flag = 'Pinned'; if(flag != '') setDigitalDataProperty(COMMUNITY_FLAG, flag); if(document.getElementById('feedback_view_1')) setDigitalDataProperty(REC_CONVO_FEEDBACK_SHOWN, 'true'); dnmsTrackConversationFeedback('render', 'feedback-answer', [messageUid, community, null, 'radio button']); setDigitalDataProperty(FILTERS, [createGPSortInfoObj(sortOrder)]); setDigitalDataProperty(SOPHIA_EVENTS,['CampaignId': relatedConvCampaignId, 'ControlGroupId': relatedConvControlGroupId, 'VariationId': relatedConvVariationId, 'ActionBlockId': relatedConvActionBlockId, 'CampaignId': manageAccountCampaignId, 'ControlGroupId': manageAccountControlGroupId, 'VariationId': manageAccountVariationId, 'ActionBlockId': manageAccountActionBlockId]); captureSnapshot('state'); //dunamis api call dnmsConversationPageRender(community, replyCount, subject, getCommunityCurrentPageNum(), getConversationTags().toString(), messageUid, layoutView, flag, status, voteCount); cleanDigitalDataProperties([SOPHIA_EVENTS]); if ($('.promos-wrapper').length > 0) let promotype = $('.promos-wrapper').attr('data-promotype'); let promosubtype = $('.promos-wrapper').attr('data-promosubtype'); dnmsPromoRender(promotype, promosubtype, community, messageUid); //Track related conversation clickdetectRelatedConversationsLoad(); //track status update success if(localStorage.hasOwnProperty('messageStatusUpdate')) trackStatusUpdateSuccess(); //Track reply post success trackReplyPostSuccess(); let lsCleanUpArr = ['gpEditMessageType', 'gpEditMessagePageNum', 'gpReportMessageDetails', 'gpReportMessageType'];clearStorage(lsCleanUpArr);cleanDigitalDataProperties(['digitalData.primaryEvent.eventInfo', FILTERS]); function getPayload(params) var sophiaPayload = []; try params = params.split("&"); var keyMapping = 'aid':'ActionBlockId','campid':'CampaignId', 'cid':'ContainerId','cgid':'ControlGroupId','tid':'TreatmentId','vid':'VariationId','sid':'SurfaceId'; var sophiaMap = ; for(let i=0;i 1 && (keys[0] in keyMapping)) sophiaMap[keyMapping[keys[0]]] = keys[1]; sophiaPayload.push(sophiaMap); catch(err) console.log(err); return sophiaPayload;function trackNewPostSuccess(communityName, subject, messageUid) const npsDD = localStorage.getItem('npsDigitalData'); if(npsDD) const ddVal = JSON.parse(npsDD);if(subject === ddVal.community.communityInfo.communityTitle) digitalData = ddVal; setDigitalDataProperty(COMMUNITY_ID, messageUid); dnmsNewPostSuccess(communityName, subject, messageUid, JSON.parse(npsDD).sophiaResponse); captureSnapshot('event'); cleanDigitalDataProperties([SOPHIA_EVENTS]); localStorage.removeItem('npsDigitalData');function trackMergeSuccess(subject,community,messageId,contentType) try const mergeMsgDD = localStorage.getItem('mergeMsgDigitalData'); if(mergeMsgDD) const ddVal = JSON.parse(mergeMsgDD); if(messageId === ddVal.community.communityInfo.communityId) digitalData = ddVal; setDigitalDataProperty(COMMUNITY_CATEGORY, community); setDigitalDataProperty('digitalData.community.communityInfo.communityContentTab', contentType); setDigitalDataProperty(COMMUNITY_TITLE, subject); captureSnapshot('event'); let cnvrstnIds = []; let slctdCnvrstnArr = ddVal.community.attributes.selectedConversations; for(let i=0;i 4) messages that got merged if(triggerBy === 'communityPage') dnmsMoveMergeDeleteSuccessClick('Community','Community Controls', 'success', 'Merge', xArr); else if(triggerBy === 'conversationPage') dnmsMoveMergeDeleteSuccessClick('Conversation','Merge Conversation', 'click', 'Merge success', xArr); localStorage.removeItem('moveMergeDeletetriggeredBy'); localStorage.removeItem('mergeMsgDigitalData'); catch(err) console.log(err); function clearStorage(items) for(let x=0; x 0) $('.related-conversations-card').on('click', function(e) if(e.target.hasAttribute('data-related-content-type')) //section tab click events let destinationTab = e.target.getAttribute('data-related-content-type'); dnmsCPSectionTabClick(getDigitalDataProperty(COMMUNITY_CATEGORY), 'related conversation', destinationTab); setPrimaryEvent('Community: relatedConversationLabelClick', SECTION_TAB_ACTION); setDigitalDataProperty(COMMUNITY_CONTENT_TYPE, destinationTab); captureSnapshot('event'); else let subject = e.target.getAttribute('data-related-conversation-subject'); let boardId = e.target.getAttribute('data-related-conversation-board'); let relatedCommContentType = getBoardType(boardId); let community = normalizeCategoryBoardId(); let target_href = e.target.href; let convo_id = e.target.getAttribute('data-related-conversation-id'); let org_convo_id = getDigitalDataProperty(COMMUNITY_ID); dnmsRelatedConversationsClick(community, target_href, org_convo_id, convo_id, "", subject, relatedConvCampaignId, relatedConvControlGroupId, relatedConvVariationId, relatedCommContentType); setPrimaryEvent(RELATED_CONVERSATION_CLICK, RELATED_CONVERSATION_ACTION); cleanDigitalDataProperties([COMMUNITY_DD_PROPERTY]); setDigitalDataProperty(COMMUNITY_CATEGORY, community); setDigitalDataProperty(COMMUNITY_CONTENT_TYPE,relatedCommContentType); setDigitalDataProperty(COMMUNITY_ID, convo_id); setDigitalDataProperty(COMMUNITY_TITLE, subject); setDigitalDataProperty(SOPHIA_EVENTS,['CampaignId': relatedConvCampaignId, 'ControlGroupId': relatedConvControlGroupId, 'VariationId': relatedConvVariationId, 'ActionBlockId': relatedConvActionBlockId]); captureSnapshot('event'); cleanDigitalDataProperties([SOPHIA_EVENTS]); ); //Track actions on conversation and repliesif($('.lia-quilt-column-main_content').length > 0) $('.lia-quilt-column-main_content').on('click', function(e) let targetElement = $(e.target); //Track Report if(targetElement.hasClass('report__text')) trackReportClick(targetElement); //Track mark correct answer if(targetElement.hasClass('lia-component-solutions-action-mark-message-as-accepted-solution')) trackMarkUnmarkCorrectAnswer('mark correct answer', targetElement); //Track Unmark correct answer if(targetElement.hasClass('lia-component-solutions-action-unmark-message-as-accepted-solution')) trackMarkUnmarkCorrectAnswer('unmark correct answer', targetElement); //Track view history click if(targetElement.hasClass('view-message-history')) trackViewHistoryClick(targetElement); //Track move merge click if(targetElement.hasClass('move-message')) trackMoveMergeClick(targetElement); if(getDigitalDataProperty(COMMUNITY_CONTENT_TYPE) !== 'Discussion' ) let authorId = $(targetElement).closest('.MessageView').find('.userStrip__link').attr('data-user-id'); if(authorId.length > 0) localStorage.setItem("mergeAuthor", authorId); //Track delete conversation/reply click if(targetElement.hasClass('delete-message-and-replies') );//Track edit message clickif($('.edit-message').length > 0) $('.edit-message').on('click', function(e) trackEditMessageClick($(e.target)); );//Track mark spam clickif($('.lia-component-spam-action-mark-message-as-spam').length > 0) $('.lia-component-spam-action-mark-message-as-spam').on('click', function(e) trackMarkSpamClick($(e.target)); ); //Track conversation page CC clicksvar ccElements = document.querySelectorAll(".cc-links-cta-container__anchor, .cc-links-banner-p2 a button");for (let i = 0; i 0) setPrimaryEvent(isFollowAction?CONVERSATION_FOLLOW:CONVERSATION_UNFOLLOW, CONVERSATION_ACTION); //dunamis api call dnmsConversationActionsClick(action, getConversationPageDetails()); else setPrimaryEvent(isFollowAction?REPLY_FOLLOW:REPLY_UNFOLLOW, REPLY_ACTION); let replyType = getReplyType(tElement); if(replyType) dnmsConversationReplyActionsClick(action, replyType, getConversationPageDetails()); cleanDigitalDataProperties([COMMUNITY_ATTRIBUTES]); captureSnapshot('event');function trackBanUserClick(tElement) if(tElement.closest('.lia-thread-topic').length > 0) setPrimaryEvent(CONVERSATION_BAN_USER, CONVERSATION_ACTION); //dunamis api call dnmsConversationActionsClick('ban user', getConversationPageDetails()); else let replyType = getReplyType(tElement); if(replyType) dnmsConversationReplyActionsClick('ban user', replyType, getConversationPageDetails()); setPrimaryEvent(REPLY_BAN_USER, REPLY_ACTION); cleanDigitalDataProperties([COMMUNITY_ATTRIBUTES]); captureSnapshot('event');function trackMarkSpamClick(tElement) if(tElement.closest('.lia-thread-topic').length > 0) setPrimaryEvent(CONVERSATION_SPAM, CONVERSATION_ACTION); //dunamis api call let convArray = getConversationPageDetails(); dnmsConversationActionsClick('mark as spam', convArray); if(convArray.length > 1) syncDataOnS3('Spam', convArray[1]); else let replyType = getReplyType(tElement); if(replyType) dnmsConversationReplyActionsClick('mark as spam', replyType, getConversationPageDetails()); setPrimaryEvent(REPLY_SPAM, REPLY_ACTION); cleanDigitalDataProperties([COMMUNITY_ATTRIBUTES]); captureSnapshot('event');function trackDeleteMessageClick(tElement) if(tElement.closest('.lia-thread-topic').length > 0) setPrimaryEvent(CONVERSATION_DELETE, CONVERSATION_ACTION); //dunamis api call dnmsConversationActionsClick('delete the conversation', getConversationPageDetails()); localStorage.setItem('moveMergeDeletetriggeredBy','conversationPage:originalPost'+':'+getConversationPageDetails().toString()+':'+getDigitalDataProperty(COMMUNITY_CONTENT_TYPE)); else let replyType = getReplyType(tElement); if(replyType) dnmsConversationReplyActionsClick('delete the reply', replyType, getConversationPageDetails()); localStorage.setItem('moveMergeDeletetriggeredBy','conversationPage:'+replyType+':'+getConversationPageDetails().toString()+':'+getDigitalDataProperty(COMMUNITY_CONTENT_TYPE)); setPrimaryEvent(REPLY_DELETE, REPLY_ACTION); cleanDigitalDataProperties([COMMUNITY_ATTRIBUTES]); captureSnapshot('event');function trackMoveMergeClick(tElement) localStorage.setItem("movingConversationId", getDigitalDataProperty(COMMUNITY_ID)); if(tElement.closest('.lia-thread-topic').length > 0) setPrimaryEvent(CONVERSATION_MOVE_MERGE, CONVERSATION_ACTION); //dunamis api call dnmsConversationActionsClick('move/merge the conversation', getConversationPageDetails()); localStorage.setItem('moveMergeDeletetriggeredBy','conversationPage:originalPost'+':'+getConversationPageDetails().toString()+':'+getDigitalDataProperty(COMMUNITY_CONTENT_TYPE)); else let replyType = getReplyType(tElement); if(replyType) dnmsConversationReplyActionsClick('move/merge the conversation', replyType, getConversationPageDetails()); localStorage.setItem('moveMergeDeletetriggeredBy','conversationPage:'+replyType+':'+getConversationPageDetails().toString()+':'+getDigitalDataProperty(COMMUNITY_CONTENT_TYPE)); setPrimaryEvent(REPLY_MOVE_MERGE, REPLY_ACTION); cleanDigitalDataProperties([COMMUNITY_ATTRIBUTES]); captureSnapshot('event');function trackViewHistoryClick(tElement) if(tElement.closest('.lia-thread-topic').length > 0) setPrimaryEvent(CONVERSATION_VIEW_HISTORY, CONVERSATION_ACTION); //dunamis api call dnmsConversationActionsClick('view history', getConversationPageDetails()); else let replyType = getReplyType(tElement); if(replyType) dnmsConversationReplyActionsClick('view history', replyType, getConversationPageDetails()); setPrimaryEvent(REPLY_VIEW_HISTORY, REPLY_ACTION); cleanDigitalDataProperties([COMMUNITY_ATTRIBUTES]); captureSnapshot('event');function trackEditMessageClick(tElement) if(tElement.closest('.lia-thread-topic').length > 0) setPrimaryEvent(CONVERSATION_EDIT, CONVERSATION_ACTION); //dunamis api call dnmsConversationActionsClick('edit message', getConversationPageDetails()); localStorage.setItem('gpEditMessagePageNum', getCommunityCurrentPageNum()); else let replyType = getReplyType(tElement); if(replyType) localStorage.setItem('gpEditMessagePageNum', getCommunityCurrentPageNum()); dnmsConversationReplyActionsClick('edit message', replyType, getConversationPageDetails()); localStorage.setItem('gpEditMessageType', replyType); setPrimaryEvent(REPLY_EDIT, REPLY_ACTION); cleanDigitalDataProperties([COMMUNITY_ATTRIBUTES]); captureSnapshot('event');function trackReportClick(tElement) let tempConversationPageDetails = getConversationPageDetails(); tempConversationPageDetails[2] = encodeURIComponent(tempConversationPageDetails[2]); localStorage.setItem('gpReportMessageDetails', tempConversationPageDetails); if(tElement.closest('.lia-thread-topic').length > 0) setPrimaryEvent(CONVERSATION_REPORT, CONVERSATION_ACTION); //dunamis api call dnmsConversationActionsClick('report', getConversationPageDetails()); else let replyType = getReplyType(tElement); if(replyType) dnmsConversationReplyActionsClick('report', replyType, getConversationPageDetails()); localStorage.setItem('gpReportMessageType', replyType); setPrimaryEvent(REPLY_REPORT, REPLY_ACTION); cleanDigitalDataProperties([COMMUNITY_ATTRIBUTES]); captureSnapshot('event');function trackMarkUnmarkCorrectAnswer(action, tElement) let correctFlag = action==='mark correct answer'; setPrimaryEvent(correctFlag?MARKED_CORRECT:UNMARKED_CORRECT, correctFlag?REPLY_MARKED_CORRECT:REPLY_UNMARKED_CORRECT); cleanDigitalDataProperties([COMMUNITY_ATTRIBUTES]); convDetails = getConversationPageDetails(); if(correctFlag) convDetails = setSophiaPayload(convDetails); captureSnapshot('event'); let replyType = getReplyType(tElement); if(replyType) dnmsConversationReplyActionsClick(action, replyType, convDetails); cleanDigitalDataProperties([SOPHIA_EVENTS]);function detectRelatedConversationsLoad() { if($('.personalised-related-conversations').length > 0) let targetNode = $('.personalised-related-conversations')[0]; let config = childList: true ; let callback = function(mutationsList, observer) for(let i=0; i 0) status = $('.message-status-link')[0].innerText; dnmsConversationStatusUpdate('success',getConversationPageDetails(), comment, status); setPrimaryEvent('Community: StatusChanged'+status.replace(' ',''),'conversationStatusUpdated'); setDigitalDataProperty(PRIMARY_FILTER, createGPFilterInfoObj(status, 'statusChange')); captureSnapshot('event'); localStorage.removeItem('messageStatusUpdate'); cleanDigitalDataProperties([PRIMARY_FILTER, FILTERS]); catch(e) console.log(e); function isReplyBodyEmpty() { let result = false; let xNode;if($('.mce-edit-area').length > 0 && $('.mce-edit-area').children().length > 0) { let mceEditAreaiFrames = $('.mce-edit-area').children(); for(let i=0; i 0 && (content[0].hasAttribute('data-mce-bogus') tinymce.innerHTML === '
Using Dreamweaver to add labels to forms
2ff7e9595c
Comments