/demo-center/clinical/Recent content in Clinical Basics Demos on Veeva Basics HelpHugoen-usTue, 24 Mar 2026 12:07:35 -0400/demo-center/clinical/ctms-etmf/Wed, 09 Jul 2025 00:00:00 +0000/demo-center/clinical/ctms-etmf/<div class="my-8 flex flex-col md:flex-row gap-8"> <div class="w-full md:w-3/4 mt-12"> <script src="https://fast.wistia.com/embed/medias/qul87eorc8.jsonp" async></script> <script src="https://fast.wistia.com/assets/external/E-v1.js" async></script> <div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"> <div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"> <div id="wistia_player_qul87eorc8" class="wistia_embed wistia_async_qul87eorc8 seo=false videoFoam=true" style="height:100%;position:relative;width:100%">&nbsp;</div> </div> </div> </div> <div class="w-full md:w-1/4"> <h3 id="chapter-heading" class="text-xl font-bold mb-4 border-b pb-2">Chapters</h3> <div id="chapter-list-container" class="space-y-2 overflow-y-auto pr-2"> <a href="#" data-time="26.514" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">Study Record</span> <span class="text-xs text-gray-500 dark:text-gray-400">00:26</span> </div> </a> <a href="#" data-time="75.635" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">Study Homepage</span> <span class="text-xs text-gray-500 dark:text-gray-400">01:15</span> </div> </a> <a href="#" data-time="114.422" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">Monitoring Event</span> <span class="text-xs text-gray-500 dark:text-gray-400">01:54</span> </div> </a> <a href="#" data-time="269.356" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">Document Library</span> <span class="text-xs text-gray-500 dark:text-gray-400">04:29</span> </div> </a> <a href="#" data-time="358.782" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">Monitoring Event Review</span> <span class="text-xs text-gray-500 dark:text-gray-400">05:58</span> </div> </a> <a href="#" data-time="432.262" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">QC Workflow</span> <span class="text-xs text-gray-500 dark:text-gray-400">07:12</span> </div> </a> <a href="#" data-time="473.851" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">Monitoring Event Approval</span> <span class="text-xs text-gray-500 dark:text-gray-400">07:53</span> </div> </a> <a href="#" data-time="498.416" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">TMF Viewer</span> <span class="text-xs text-gray-500 dark:text-gray-400">08:18</span> </div> </a> <a href="#" data-time="513.931" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">Dashboards and Reports</span> <span class="text-xs text-gray-500 dark:text-gray-400">08:33</span> </div> </a> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { window._wq = window._wq || []; _wq.push({ id: "qul87eorc8", onReady: function(video) { const chapterLinks = document.querySelectorAll('.chapter-link'); const videoPadding = document.querySelector('.wistia_responsive_padding'); const chapterContainer = document.querySelector('#chapter-list-container'); const chapterHeading = document.querySelector('#chapter-heading'); function parseTimestamp() { const urlParams = new URLSearchParams(window.location.search); const tParam = urlParams.get('t') || urlParams.get('time'); if (!tParam) return null; let totalSeconds = 0; if (tParam.includes('m') || tParam.includes('s')) { const minutesMatch = tParam.match(/(\d+)m/); const secondsMatch = tParam.match(/(\d+)s/); if (minutesMatch) totalSeconds += parseInt(minutesMatch[1]) * 60; if (secondsMatch) totalSeconds += parseInt(secondsMatch[1]); } else if (tParam.includes(':')) { const parts = tParam.split(':').map(p => parseInt(p)); if (parts.length === 2) { totalSeconds = parts[0] * 60 + parts[1]; } else if (parts.length === 3) { totalSeconds = parts[0] * 3600 + parts[1] * 60 + parts[2]; } } else if (!isNaN(tParam)) { totalSeconds = parseInt(tParam); } return totalSeconds > 0 ? totalSeconds : null; } function adjustChapterHeight() { if (videoPadding && chapterContainer && chapterHeading) { const videoHeight = videoPadding.offsetHeight; const headingHeight = chapterHeading.offsetHeight; const headingStyle = window.getComputedStyle(chapterHeading); const headingMarginBottom = parseInt(headingStyle.marginBottom, 10); const availableHeight = videoHeight - headingHeight - headingMarginBottom; chapterContainer.style.maxHeight = availableHeight + 'px'; } } adjustChapterHeight(); window.addEventListener('resize', adjustChapterHeight); const startTime = parseTimestamp(); if (startTime !== null) { video.time(startTime).play(); } if (chapterLinks.length > 0) { chapterLinks[0].classList.add('bg-ray-200', 'dark:bg-gray-700'); } chapterLinks.forEach(link => { link.addEventListener('click', function(e) { e.preventDefault(); const time = parseFloat(this.dataset.time); video.time(time).play(); }); }); video.bind("timechange", function(t) { let activeChapter = null; chapterLinks.forEach(link => { const chapterTime = parseFloat(link.dataset.time); if (t >= chapterTime) { activeChapter = link; } }); if (activeChapter) { chapterLinks.forEach(l => l.classList.remove('bg-gray-200', 'dark:bg-gray-700')); activeChapter.classList.add('bg-gray-200', 'dark:bg-gray-700'); } }); } }); }); </script>/demo-center/clinical/etmf/Wed, 09 Jul 2025 00:00:00 +0000/demo-center/clinical/etmf/<div class="my-8 flex flex-col md:flex-row gap-8"> <div class="w-full md:w-3/4 mt-12"> <script src="https://fast.wistia.com/embed/medias/80k7cox2m1.jsonp" async></script> <script src="https://fast.wistia.com/assets/external/E-v1.js" async></script> <div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"> <div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"> <div id="wistia_player_80k7cox2m1" class="wistia_embed wistia_async_80k7cox2m1 seo=false videoFoam=true" style="height:100%;position:relative;width:100%">&nbsp;</div> </div> </div> </div> <div class="w-full md:w-1/4"> <h3 id="chapter-heading" class="text-xl font-bold mb-4 border-b pb-2">Chapters</h3> <div id="chapter-list-container" class="space-y-2 overflow-y-auto pr-2"> <a href="#" data-time="10.71" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">Study Record</span> <span class="text-xs text-gray-500 dark:text-gray-400">00:10</span> </div> </a> <a href="#" data-time="31.315" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">Library</span> <span class="text-xs text-gray-500 dark:text-gray-400">00:31</span> </div> </a> <a href="#" data-time="55.2" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">TMF Viewer</span> <span class="text-xs text-gray-500 dark:text-gray-400">00:55</span> </div> </a> <a href="#" data-time="109.7" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">Document Upload</span> <span class="text-xs text-gray-500 dark:text-gray-400">01:49</span> </div> </a> <a href="#" data-time="143" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">Document Workflows | QC</span> <span class="text-xs text-gray-500 dark:text-gray-400">02:23</span> </div> </a> <a href="#" data-time="230.74" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">Document Workflow | eSignature Approval</span> <span class="text-xs text-gray-500 dark:text-gray-400">03:50</span> </div> </a> <a href="#" data-time="273.86" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">Reporting</span> <span class="text-xs text-gray-500 dark:text-gray-400">04:33</span> </div> </a> <a href="#" data-time="346.186" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">Study Archival</span> <span class="text-xs text-gray-500 dark:text-gray-400">05:46</span> </div> </a> <a href="#" data-time="402.304" class="chapter-link no-underline block p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-semibold text-gray-800 dark:text-gray-200 text-sm">External Inspector </span> <span class="text-xs text-gray-500 dark:text-gray-400">06:42</span> </div> </a> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { window._wq = window._wq || []; _wq.push({ id: "80k7cox2m1", onReady: function(video) { const chapterLinks = document.querySelectorAll('.chapter-link'); const videoPadding = document.querySelector('.wistia_responsive_padding'); const chapterContainer = document.querySelector('#chapter-list-container'); const chapterHeading = document.querySelector('#chapter-heading'); function parseTimestamp() { const urlParams = new URLSearchParams(window.location.search); const tParam = urlParams.get('t') || urlParams.get('time'); if (!tParam) return null; let totalSeconds = 0; if (tParam.includes('m') || tParam.includes('s')) { const minutesMatch = tParam.match(/(\d+)m/); const secondsMatch = tParam.match(/(\d+)s/); if (minutesMatch) totalSeconds += parseInt(minutesMatch[1]) * 60; if (secondsMatch) totalSeconds += parseInt(secondsMatch[1]); } else if (tParam.includes(':')) { const parts = tParam.split(':').map(p => parseInt(p)); if (parts.length === 2) { totalSeconds = parts[0] * 60 + parts[1]; } else if (parts.length === 3) { totalSeconds = parts[0] * 3600 + parts[1] * 60 + parts[2]; } } else if (!isNaN(tParam)) { totalSeconds = parseInt(tParam); } return totalSeconds > 0 ? totalSeconds : null; } function adjustChapterHeight() { if (videoPadding && chapterContainer && chapterHeading) { const videoHeight = videoPadding.offsetHeight; const headingHeight = chapterHeading.offsetHeight; const headingStyle = window.getComputedStyle(chapterHeading); const headingMarginBottom = parseInt(headingStyle.marginBottom, 10); const availableHeight = videoHeight - headingHeight - headingMarginBottom; chapterContainer.style.maxHeight = availableHeight + 'px'; } } adjustChapterHeight(); window.addEventListener('resize', adjustChapterHeight); const startTime = parseTimestamp(); if (startTime !== null) { video.time(startTime).play(); } if (chapterLinks.length > 0) { chapterLinks[0].classList.add('bg-ray-200', 'dark:bg-gray-700'); } chapterLinks.forEach(link => { link.addEventListener('click', function(e) { e.preventDefault(); const time = parseFloat(this.dataset.time); video.time(time).play(); }); }); video.bind("timechange", function(t) { let activeChapter = null; chapterLinks.forEach(link => { const chapterTime = parseFloat(link.dataset.time); if (t >= chapterTime) { activeChapter = link; } }); if (activeChapter) { chapterLinks.forEach(l => l.classList.remove('bg-gray-200', 'dark:bg-gray-700')); activeChapter.classList.add('bg-gray-200', 'dark:bg-gray-700'); } }); } }); }); </script>/demo-center/clinical/vault-mobile/Wed, 09 Jul 2025 00:00:00 +0000/demo-center/clinical/vault-mobile/<div class="my-8 flex flex-col md:flex-row gap-8"> <div class="w-full md:w-3/4 mt-12"> <script src="https://fast.wistia.com/embed/medias/ovhl566458.jsonp" async></script> <script src="https://fast.wistia.com/assets/external/E-v1.js" async></script> <div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"> <div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"> <div id="wistia_player_ovhl566458" class="wistia_embed wistia_async_ovhl566458 seo=false videoFoam=true" style="height:100%;position:relative;width:100%">&nbsp;</div> </div> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { window._wq = window._wq || []; _wq.push({ id: "ovhl566458", onReady: function(video) { const chapterLinks = document.querySelectorAll('.chapter-link'); const videoPadding = document.querySelector('.wistia_responsive_padding'); const chapterContainer = document.querySelector('#chapter-list-container'); const chapterHeading = document.querySelector('#chapter-heading'); function parseTimestamp() { const urlParams = new URLSearchParams(window.location.search); const tParam = urlParams.get('t') || urlParams.get('time'); if (!tParam) return null; let totalSeconds = 0; if (tParam.includes('m') || tParam.includes('s')) { const minutesMatch = tParam.match(/(\d+)m/); const secondsMatch = tParam.match(/(\d+)s/); if (minutesMatch) totalSeconds += parseInt(minutesMatch[1]) * 60; if (secondsMatch) totalSeconds += parseInt(secondsMatch[1]); } else if (tParam.includes(':')) { const parts = tParam.split(':').map(p => parseInt(p)); if (parts.length === 2) { totalSeconds = parts[0] * 60 + parts[1]; } else if (parts.length === 3) { totalSeconds = parts[0] * 3600 + parts[1] * 60 + parts[2]; } } else if (!isNaN(tParam)) { totalSeconds = parseInt(tParam); } return totalSeconds > 0 ? totalSeconds : null; } function adjustChapterHeight() { if (videoPadding && chapterContainer && chapterHeading) { const videoHeight = videoPadding.offsetHeight; const headingHeight = chapterHeading.offsetHeight; const headingStyle = window.getComputedStyle(chapterHeading); const headingMarginBottom = parseInt(headingStyle.marginBottom, 10); const availableHeight = videoHeight - headingHeight - headingMarginBottom; chapterContainer.style.maxHeight = availableHeight + 'px'; } } adjustChapterHeight(); window.addEventListener('resize', adjustChapterHeight); const startTime = parseTimestamp(); if (startTime !== null) { video.time(startTime).play(); } if (chapterLinks.length > 0) { chapterLinks[0].classList.add('bg-ray-200', 'dark:bg-gray-700'); } chapterLinks.forEach(link => { link.addEventListener('click', function(e) { e.preventDefault(); const time = parseFloat(this.dataset.time); video.time(time).play(); }); }); video.bind("timechange", function(t) { let activeChapter = null; chapterLinks.forEach(link => { const chapterTime = parseFloat(link.dataset.time); if (t >= chapterTime) { activeChapter = link; } }); if (activeChapter) { chapterLinks.forEach(l => l.classList.remove('bg-gray-200', 'dark:bg-gray-700')); activeChapter.classList.add('bg-gray-200', 'dark:bg-gray-700'); } }); } }); }); </script>