How do you add a title to a page in HTML?
The
tag defines the title of the document. The title must be text-only, and it is shown in the browser's title bar or in the page's tab. The <title> tag is required in HTML documents! The contents of a page title is very important for search engine optimization (SEO)!</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="0">
<div class="accordion__panel-status"></div>
What is a slider in CSS?
</h3>
<div class="accordion__panel-body" role="tabpanel">slider is like the 'screen', or the viewport that will display all your slides. slides will hold your slides. This is the element that actually scrolls to give the slider effect. slide is each individual slide. Note that you need the slide class, and a unique id for each one.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="0">
<div class="accordion__panel-status"></div>
Is slider an HTML tag?
</h3>
<div class="accordion__panel-body" role="tabpanel">I referred to the slider as "range input" for a reason. It is a type of input element, rather than a separate tag - <input type="range" /> is all you need to display it in your page.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="0">
<div class="accordion__panel-status"></div>
Is there a slider tag in HTML?
</h3>
<div class="accordion__panel-body" role="tabpanel">The <input type="range"> defines a control for entering a number whose exact value is not important (like a slider control). Default range is 0 to 100. However, you can set restrictions on what numbers are accepted with the attributes below.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="0">
<div class="accordion__panel-status"></div>
How do I automatically slide an image in HTML?
</h3>
<div class="accordion__panel-body" role="tabpanel">Steps to Create an Automatic Image Slider Using HTML, CSS, and, Javascript:- Step 1: Create a HTML Document. Create an index. ... Step 2: Create a Background for Slider. Create the background for the slider(i.e., I have created a box first using HTML and CSS). ... Step 3: Add an Image and Specify its Width and Height.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="0">
<div class="accordion__panel-status"></div>
How do I make an image slider autoplay?
</h3>
<div class="accordion__panel-body" role="tabpanel">Responsive Image Slider With Manual Button and Auto-play Step 1: Create the basic structure of the image slider. ... Step 2: Add the required image in the slider. ... Step 3: Create navigation buttons to manually change the image. ... Step 4: Activate Responsive Image Slider with JavaScript.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="0">
<div class="accordion__panel-status"></div>
How do I change the position of the dots in slick slider?
</h3>
<div class="accordion__panel-body" role="tabpanel">You can use "appendDots: $(Element)" in the Slick settings. It will append the dots to that element. You can place that element at any location using normal CSS. If you want it over the slide then you can use absolute or relative positioning on the element.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="0">
<div class="accordion__panel-status"></div>
What are sliders in HTML?
</h3>
<div class="accordion__panel-body" role="tabpanel">A slider is a set of frames in a sequence that can be traversed respectively. This article exhibits the approach to build a slideshow with the use of only HTML and CSS. At first, enter the basic HTML code and then add the radio buttons for the frames using type as radio.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="0">
<div class="accordion__panel-status"></div>
How do you style dots in react slick?
</h3>
<div class="accordion__panel-body" role="tabpanel">The React-Slick doesn't support custom arrows and custom dots at the moment.... Setup App Host to support custom code components. Save the above file somewhere under src directory. Change the importPath property to match your path. Call the registerSlider function in plasmic-host file to register the code component.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="0">
<div class="accordion__panel-status"></div>
How do you name a slide in HTML?
</h3>
<div class="accordion__panel-body" role="tabpanel">You can create slide-in text — or zoom in text — in HTML using <marquee> tags. You can make your text slide in from the left, right, top, or bottom. Note: Due to the nature of slide-in text, you may need to refresh this page several times to catch all of the examples.</div>
</div>
</div>
</div>
</div>
</section>
<section class="page-section page-section--customers-reviews">
<div class="page-section__inner">
<h2 class="section-title">See why our customers choose DocHub</h2>
<div class="user-reviews">
<div class="user-reviews__item">
<div class="user-review">
<div class="user-review__header">
<div class="rating">
<div class="rating__stars">
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-half-filled"></div>
</div>
</div>
<div class="user-review__platform-logo"></div>
</div>
<div class="user-review__body">
<div class="user-review__title">Great solution for PDF docs with very little pre-knowledge required.</div>
<div class="user-review__message">"Simplicity, familiarity with the menu and user-friendly. It's easy to navigate, make changes and edit whatever you may need. Because it's used alongside Google, the document is always saved, so you don't have to worry about it."</div>
<div class="user-review__author">
<div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/31/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div>
<div class="user-review__author-name"><b>Pam Driscoll F</b><br>Teacher</div>
</div>
</div>
</div>
</div>
<div class="user-reviews__item">
<div class="user-review">
<div class="user-review__header">
<div class="rating">
<div class="rating__stars">
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-half-filled"></div>
</div>
</div>
<div class="user-review__platform-logo"></div>
</div>
<div class="user-review__body">
<div class="user-review__title">A Valuable Document Signer for Small Businesses.</div>
<div class="user-review__message">"I love that DocHub is incredibly affordable and customizable. It truly does everything I need it to do, without a large price tag like some of its more well known competitors. I am able to send secure documents directly to me clients emails and via in real time when they are viewing and making alterations to a document."</div>
<div class="user-review__author">
<div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/31/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div>
<div class="user-review__author-name"><b>Jiovany A</b><br>Small-Business</div>
</div>
</div>
</div>
</div>
<div class="user-reviews__item">
<div class="user-review">
<div class="user-review__header">
<div class="rating">
<div class="rating__stars">
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-half-filled"></div>
</div>
</div>
<div class="user-review__platform-logo"> </div>
</div>
<div class="user-review__body">
<div class="user-review__title">I can create refillable copies for the templates that I select and then I can publish those.</div>
<div class="user-review__message">"I like to work and organize my work in the appropriate way to meet and even exceed the demands that are made daily in the office, so I enjoy working with PDF files, I think they are more professional and versatile, they allow..."</div>
<div class="user-review__author">
<div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/31/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div>
<div class="user-review__author-name"><b>Victoria G</b><br>Small-Business</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="page-section page-section--c2a-get-form">
<div class="page-section__inner">
<div class="section-title-preamble">be ready to get more</div>
<h4 class="section-title">Edit and sign PDF <span class="section-title__accent">for free</span></h4>
<a class="button"
href="https://dochub.com/sign-up"
data-metric-ab-tower="dh_lp_sign_up_buttons_in_lp"
>Get started now</a>
</div>
</section>
<section class="page-section page-section--related-searches">
<div class="page-section__inner">
<h3 class="section-title">Related Searches</h3>
<div class="tags-group">
<span class="tag">slick slider custom dots codepen</span>
<span class="tag">slider dots css</span>
<span class="tag">slider dots animation css</span>
<span class="tag">slick slider dots position</span>
<span class="tag">how to add dots in slider</span>
<span class="tag">slick slider dots not showing</span>
<span class="tag">slick slider dots custom</span>
<span class="tag">slider code</span>
</div>
</div>
</section>
<img src="https://www.pdffiller.com/funnel.php?source=functionality_dochub" alt=""/>
<div class="page__footer">
<section class="page-section page-section--functions-menus">
<div class="page-section__inner">
<h2 class="section-title">Try more PDF tools</h2>
<div class="functions-menus">
<div class="functions-menus__column">
<div class="functions-menu-title">Edit & Annotate</div>
<div class="functions-menu">
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--edit-pdf" href="https://www.dochub.com/en/main-features/edit-and-annotate-pdfs">Edit PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--add-fields" href="https://www.dochub.com/en/main-features/add-fillable-fields">Add Fillable Fields</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--create-pdf" href="https://www.dochub.com/en/main-features/create-a-new-pdf-document">Create PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--insert-merge" href="https://www.dochub.com/en/main-features/insert-and-merge-pdf">Insert and Merge</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--page-numbers" href="https://www.dochub.com/en/main-features/number-and-label-pages-on-a-pdf">Add Page Numbers</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--rotate-pages" href="https://www.dochub.com/en/main-features/rotate-pages-in-a-pdf">Rotate Pages</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--delete-pages" href="https://www.dochub.com/en/main-features/delete-pages-from-a-pdf">Delete Pages</a></div>
</div>
</div>
<div class="functions-menus__column">
<div class="functions-menu-title">Convert</div>
<div class="functions-menu">
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--word-to-pdf" href="https://www.dochub.com/en/main-features/convert-word-to-pdf">Word to PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--txt-to-pdf" href="https://www.dochub.com/en/main-features/convert-txt-to-pdf">TXT to PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--html-to-pdf" href="https://www.dochub.com/en/main-features/convert-html-to-pdf">HTML to PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--csv-to-pdf" href="https://www.dochub.com/en/main-features/convert-csv-to-pdf">CSV to PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--ppt-to-pdf" href="https://www.dochub.com/en/main-features/convert-ppt-to-pdf">PPT to PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--rtf-to-pdf" href="https://www.dochub.com/en/main-features/convert-rtf-to-pdf">RTF to PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--jpg-to-pdf" href="https://www.dochub.com/en/main-features/convert-jpgjpeg-to-pdf">JPG/JPEG to PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--png-to-pdf" href="https://www.dochub.com/en/main-features/convert-png-to-pdf">PNG to PDF</a></div>
</div>
</div>
<div class="functions-menus__column">
<div class="functions-menu-title">Collaborate & Share</div>
<div class="functions-menu">
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--add-comments" href="https://www.dochub.com/en/main-features/add-comments-on-a-pdf">Add Comments</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--share-link" href="https://www.dochub.com/en/main-features/send-pdf-via-shareable-link">Share via Link</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--share-email" href="https://www.dochub.com/en/main-features/send-pdf-as-attachment">Share via Email</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--fax" href="https://www.dochub.com/en/main-features/send-pdf-via-fax">Fax</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--pdf-status" href="https://www.dochub.com/en/main-features/track-pdf-document-status">PDF Status</a></div>
</div>
</div>
<div class="functions-menus__column">
<div class="functions-menu-title">Sign & Send</div>
<div class="functions-menu">
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--sign-pdf" href="https://www.dochub.com/en/main-features/sign-a-document">Sign a PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--send-for-sign" href="https://www.dochub.com/en/main-features/send-out-documents-to-be-signed">Send for Signing</a></div>
</div>
</div>
<div class="functions-menus__column">
<div class="functions-menu-title">Protect PDF</div>
<div class="functions-menu">
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--protect-pdf" href="https://www.dochub.com/en/main-features/password-protect-document">Set PDF password</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--readable-pdf" href="https://www.dochub.com/en/main-features/readable-document">Readable PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--certify-pdf" href="https://www.dochub.com/en/main-features/certify-document">Certify PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--pdf-audit" href="https://www.dochub.com/en/main-features/document-audit">PDF Audit Trail</a></div>
</div>
</div>
<div class="functions-menus__column">
<div class="functions-menu-title">Others</div>
<div class="functions-menu">
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--search-pdf" href="https://www.dochub.com/en/main-features/search-for-documents">Search for PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--export" href="https://www.dochub.com/en/main-features/export-pdf">Export</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--download-pdf" href="https://www.dochub.com/en/main-features/download-pdf">Download</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--flatten-fields" href="https://www.dochub.com/en/main-features/flatten-fields-on-a-pdf">Flatten Fields</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--print" href="https://www.dochub.com/en/main-features/print-out-pdf">Print out</a></div>
</div>
</div>
</div>
<div class="section-decoration-shadow-1"></div>
<div class="section-decoration-shadow-2"></div>
<div class="section-decoration-shadow-3"></div>
</div>
</section>
<div class="page-section page-section--footer">
<div class="page-section__inner">
<div class="footer-section">
<div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/31/images/logos/dochub-reverse.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div>
<div class="footer-section footer-section--only-tablet"><a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a>
<div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div>
<div class="socials-list lazy-background">
<div class="socials-list__item"><a class="socials-link socials-link--twitter" href="https://twitter.com/dochub">Follow Us</a></div>
</div>
</div>
<div class="footer-section app-buttons app-buttons--desktop">
<a class="app-buttons__google-play"
href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer"
target="_blank">
<img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/31/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy">
</a>
<a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" target="_blank">
<img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/31/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="120" height="40" loading="lazy">
</a>
</div>
<div class="copyright-caption">© 2024 DocHub, LLC</div>
</div>
<div class="footer-section">
<div class="footer-section-title">Products</div>
<div class="footer-menu">
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-editor">PDF Editor</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-forms">Forms & Templates</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/sign-documents">Sign Documents</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://dochub.statuspage.io/">Server Status</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pricing">Pricing</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/fillable-form">Forms Library</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/main-features">Features</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/functionality">Functions</a></div>
</div>
</div>
<div class="footer-section">
<div class="footer-section-title">Company</div>
<div class="footer-menu">
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/about">About</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/terms-of-services">Terms</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/privacy-notice">Privacy Notice</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/legal">Legal</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://dochub.com/helpdesk">Support</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/release-notes">Release Notes</a></div>
</div>
</div>
<div class="footer-section">
<div class="footer-section-title">Resources</div>
<div class="footer-menu">
<div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.pdffiller.com/">pdfFiller</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.uslegalforms.com/">US Legal Forms</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.signnow.com/">Electronic Signature</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.airslate.com ">No-code document workflows</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.dochub.com/en/mobile-app">DocHub Mobile App</a></div>
</div>
</div>
<div class="footer-section">
<div class="footer-section-title">What's New</div>
<div class="text-label text-label text-label--new">New</div>
<div class="release-note-caption">DocHub v5.1.1 Released! Many updates and improvements!</div>
</div>
<div class="footer-section footer-section--only-desktop">
<div class="footer-section-title footer-section-title--mobile-only">Contact us</div>
<a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a>
<div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div>
<div class="socials-list lazy-background">
<div class="socials-list__item">
<a class="socials-link socials-link--twitter" target="_blank" href="https://twitter.com/dochub">Follow Us</a>
</div>
</div>
</div>
<div class="footer-section app-buttons app-buttons--mobile">
<a class="app-buttons__google-play"
href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer"
target="_blank">
<img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/31/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy">
</a>
<a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" target="_blank">
<img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/31/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="120" height="40" loading="lazy">
</a>
</div>
</div>
<div class="page-section__inner page-section__inner--footer-mobile-only">
<div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/31/images/logos/dochub-reverse.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div>
<div class="copyright-caption">© 2024 DocHub, LLC</div>
</div>
</div>
</div>
<div class="popup-cookie popup-cookie__v2 popup-cookie--top">
<div class="popup-cookie__close js-popup-close"></div>
<div class="popup-cookie__row">
<div class="popup-cookie__column popup-cookie__column--description">
<div class="popup-text">This site uses cookies to enhance site navigation and personalize your experience.
By using this site you agree to our use of cookies as described in our <a href="https://dochub.com/site/privacy-notice" title="Cookie Privacy Notice" target="_blank">Privacy Notice</a>.
You can modify your selections by visiting our <a href="https://dochub.com/site/cookies" title="Cookie Advertising Notice" target="_blank">Cookie and Advertising Notice</a>.<span class="popup-readmore popup-readmore--more">... <span class="link">Read more...</span></span><span class="popup-readmore popup-readmore--less link">Read less</span></div>
</div>
<div class="popup-cookie__column popup-cookie__column--action"><span class="button button__bordered js-popup-accept" tabindex="0">Accept</span></div>
</div>
</div>
<script src="https://cdn.mrkhub.com/dochub-frontend/31/javascripts/functionality-page.js"></script>
<script src="https://static-ak.pdffiller.com/frontend/babel-polyfill.min.js"></script>
<script src="https://static-ak.pdffiller.com/frontend/react16-vendors.min.js"></script>
<script src="https://static-ak.pdffiller.com/frontend/webpack/Uploader.js"></script>
<script>
window.user = {
'internalEmail' : '',
'isLogged' : false,
'isPaid' : false,
'email' : '',
};
window.allConstants.UPLOADER_DOCHUB_UPLOAD_DZ_BUTTON_TEXT = 'Select a document';
var sendStat = function() {
return true;
};
var isUserPaid = function() {
return window.user && window.user.isPaid !== undefined ? {
isPaid: window.user.isPaid
} : {isPaid: false};
};
var getUserEmail = function() {
return window.user && window.user.internalEmail !== undefined ? {
internalEmail: window.user.internalEmail,
} : {internalEmail: ''};
};
var isUserLogged = function() {
return window.user && window.user.isLogged !== undefined ? {
isLogged: window.user.isLogged
} : {
isLogged: false
};
};
var runTemplateSuggestion = function() {
console.log('runTemplateSuggestion');
return true;
};
var openEditor = function(res) {
if (res.type === 'SUCCESS' || res.type === 'GO_TO_EDITOR') {
setExternalGuestId('https://www.pdffiller.com/api_v3/abTest/setExternalGuestId', getRedirectLink, res.uploadData);
fetch('https://www.pdffiller.com/api_v3/uploader/info', {
method: 'post',
headers: {
'Content-Type': 'application/json',
'User-Agent': navigator.userAgent,
'userid': res.uploadData.auth.userId,
'token': res.uploadData.auth.token,
'appkey': res.uploadData.auth.appKey
},
body: JSON.stringify({
'origin': 'https://www.dochub.com',
'projectId': res.uploadData.docList[0].id,
'guestId': '24451519b9.1714332799'
})
})
.then(response => response.json())
.then(response => {
if (response.data && response.result === true) {
document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600";
window.sendMetric({
abTower: 'dh_pdffiler_editor_before_redirect',
dataDog: 'dh_pdffiler_editor_before_redirect',
}, 'https://www.dochub.com/api/send-metrics');
window.location.href = response.data.redirect_url;
} else {
console.log("Can't make redirect on editor");
}
});
}
return true;
};
window.sendMetric = (metrics = {}, route = '/api/send-metrics') => {
let ajax = new XMLHttpRequest();
ajax.open('POST', route, true);
ajax.setRequestHeader('Content-Type', 'application/json');
ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content);
ajax.send(JSON.stringify(metrics));
};
var setExternalGuestId = function (url, callback, uploadData) {
var ajax = new XMLHttpRequest();
var body = {
'guestId': '24451519b9.1714332799'
};
ajax.open('POST', url, true);
ajax.setRequestHeader('userid', uploadData.auth.userId);
ajax.setRequestHeader('token', uploadData.auth.token);
ajax.setRequestHeader('appkey', uploadData.auth.appKey);
ajax.setRequestHeader('Content-Type', 'application/json');
ajax.send(JSON.stringify(body));
};
function sendAbTestEvent() {
window.sendMetric({
abTower: 'dh_pdffiler_editor_start_uploading',
dataDog: 'dh_pdffiler_editor_start_uploading',
}, 'https://www.dochub.com/api/send-metrics');
}
var getRedirectLink = function (response) {
response = JSON.parse(response);
if (response.result) {
document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600";
window.location.href = response.data.redirect_url
}
};
initUploader({
localePrefix: 'DOCHUB_',
app: 'DOCHUB_MAIN_FEATURES',
modes: {
microSites: true
},
features: ["@UPLOADER\/UPLOAD"],
api: {
base: 'https://www.pdffiller.com',
ws: {
host: 'wss://mm-websocket.pdffiller.com',
port: '443',
},
},
auth: {
appKey: 'klwlq3h4jfi8.apps.dochub.v1.0'
},
multiple: 1,
callbacks: {
end: openEditor,
request: runTemplateSuggestion
},
hooks: {
data: {
modalOpen: [getUserEmail, isUserLogged, isUserPaid]
},
actions: {
startUploading: [sendAbTestEvent]
},
stat: sendStat,
},
});
</script>
<script defer src="https://cdn.mrkhub.com/sks/js/sks_track.js"></script>
<link media="all" href="https://cdn.mrkhub.com/dochub-frontend/31/stylesheets/functionality-page.css" rel="stylesheet">
</body>
</html>
<script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'87b97bbe1e9f2ca7',t:'MTcxNDMzMjgwMC4wMzIwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script> 
