{"id":271,"date":"2022-10-15T12:38:02","date_gmt":"2022-10-15T12:38:02","guid":{"rendered":"https:\/\/www.devopstrainer.in\/blog\/?p=271"},"modified":"2022-10-15T12:44:34","modified_gmt":"2022-10-15T12:44:34","slug":"how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation","status":"publish","type":"post","link":"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/","title":{"rendered":"How can we show hidden and uncounted slides in an Html presentation?"},"content":{"rendered":"\n<p>If you have made your own <strong>Html<\/strong> slide <strong>presentation<\/strong> for presenting somewhere. you have lots of slides and want to take them in later use but in any presentation, you want to hide or show uncount. so, using <strong>revealjs<\/strong>, you can hide and uncount your slides through slide visibility. And take your slides presentation in your format and layout. <\/p>\n\n\n\n<p>It&#8217;s very simple, you merely need to select two options for Html coding. The first one is hidden slides and the second one is uncounted slides. And the next thing is where you will apply this option and in which way. You will put these two options under the data-visibility section. And you will put this value in the data-visibility section, it will behave as usual according to you. Firstly, you will set up your Html web page using revealjs.<\/p>\n\n\n\n<p>First, I will show you hidden slide options with code. if you will run this below code then you will get the exact result.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;section&gt;Slide 1&lt;\/section&gt;\n&lt;section data-visibility=\"hidden\"&gt;Slide 2&lt;\/section&gt;\n&lt;section&gt;Slide 3&lt;\/section&gt;<\/code><\/pre>\n\n\n\n<p>After running this code, you will get valuable results according to code.<\/p>\n\n\n\n<p>The Second is uncounted slides with a code option. if you will run this below code then you will get the exact outcomes.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;section&gt;Slide 1&lt;\/section&gt;\n&lt;section&gt;Slide 2&lt;\/section&gt;\n&lt;section data-visibility=\"uncounted\"&gt;Slide 3&lt;\/section&gt;\n<\/code><\/pre>\n\n\n\n<p>After running this code, you will get valuable outcomes according to code value.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you have made your own Html slide presentation for presenting somewhere. you have lots of slides and want to take them in later use but in any presentation, you&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[53,54,93,92],"tags":[112,110,95,107,105,111,109],"class_list":["post-271","post","type-post","status-publish","format-standard","hentry","category-coding","category-html","category-html-presentation","category-revealjs","tag-data-visibility","tag-hidden-slides","tag-html-presentation","tag-html-web-page","tag-revealjs","tag-slide-visibility","tag-uncounted-slides"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How can we show hidden and uncounted slides in an Html presentation? - DevOps | SRE | DevSecOps<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How can we show hidden and uncounted slides in an Html presentation? - DevOps | SRE | DevSecOps\" \/>\n<meta property=\"og:description\" content=\"If you have made your own Html slide presentation for presenting somewhere. you have lots of slides and want to take them in later use but in any presentation, you&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/\" \/>\n<meta property=\"og:site_name\" content=\"DevOps | SRE | DevSecOps\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-15T12:38:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-15T12:44:34+00:00\" \/>\n<meta name=\"author\" content=\"rahulkr kr\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"rahulkr kr\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/\"},\"author\":{\"name\":\"rahulkr kr\",\"@id\":\"https:\/\/www.devopstrainer.in\/blog\/#\/schema\/person\/e9fd1d88de76754aa189257cd197394d\"},\"headline\":\"How can we show hidden and uncounted slides in an Html presentation?\",\"datePublished\":\"2022-10-15T12:38:02+00:00\",\"dateModified\":\"2022-10-15T12:44:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/\"},\"wordCount\":224,\"commentCount\":0,\"keywords\":[\"data-visibility\",\"hidden slides\",\"Html presentation\",\"Html web page\",\"revealjs\",\"slide visibility\",\"uncounted slides\"],\"articleSection\":[\"coding\",\"Html\",\"html presentation\",\"revealjs\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/\",\"url\":\"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/\",\"name\":\"How can we show hidden and uncounted slides in an Html presentation? - DevOps | SRE | DevSecOps\",\"isPartOf\":{\"@id\":\"https:\/\/www.devopstrainer.in\/blog\/#website\"},\"datePublished\":\"2022-10-15T12:38:02+00:00\",\"dateModified\":\"2022-10-15T12:44:34+00:00\",\"author\":{\"@id\":\"https:\/\/www.devopstrainer.in\/blog\/#\/schema\/person\/e9fd1d88de76754aa189257cd197394d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.devopstrainer.in\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How can we show hidden and uncounted slides in an Html presentation?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.devopstrainer.in\/blog\/#website\",\"url\":\"https:\/\/www.devopstrainer.in\/blog\/\",\"name\":\"DevOps | SRE | DevSecOps\",\"description\":\"Automation means Cost, Quality, Time\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.devopstrainer.in\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.devopstrainer.in\/blog\/#\/schema\/person\/e9fd1d88de76754aa189257cd197394d\",\"name\":\"rahulkr kr\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.devopstrainer.in\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79531cbaf0b831cebc9631f6ac28f21fb3fb0dc2615eeecdeeec43038b513473?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79531cbaf0b831cebc9631f6ac28f21fb3fb0dc2615eeecdeeec43038b513473?s=96&d=mm&r=g\",\"caption\":\"rahulkr kr\"},\"url\":\"https:\/\/www.devopstrainer.in\/blog\/author\/rahulkr\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How can we show hidden and uncounted slides in an Html presentation? - DevOps | SRE | DevSecOps","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/","og_locale":"en_US","og_type":"article","og_title":"How can we show hidden and uncounted slides in an Html presentation? - DevOps | SRE | DevSecOps","og_description":"If you have made your own Html slide presentation for presenting somewhere. you have lots of slides and want to take them in later use but in any presentation, you&hellip;","og_url":"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/","og_site_name":"DevOps | SRE | DevSecOps","article_published_time":"2022-10-15T12:38:02+00:00","article_modified_time":"2022-10-15T12:44:34+00:00","author":"rahulkr kr","twitter_card":"summary_large_image","twitter_misc":{"Written by":"rahulkr kr","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/#article","isPartOf":{"@id":"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/"},"author":{"name":"rahulkr kr","@id":"https:\/\/www.devopstrainer.in\/blog\/#\/schema\/person\/e9fd1d88de76754aa189257cd197394d"},"headline":"How can we show hidden and uncounted slides in an Html presentation?","datePublished":"2022-10-15T12:38:02+00:00","dateModified":"2022-10-15T12:44:34+00:00","mainEntityOfPage":{"@id":"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/"},"wordCount":224,"commentCount":0,"keywords":["data-visibility","hidden slides","Html presentation","Html web page","revealjs","slide visibility","uncounted slides"],"articleSection":["coding","Html","html presentation","revealjs"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/","url":"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/","name":"How can we show hidden and uncounted slides in an Html presentation? - DevOps | SRE | DevSecOps","isPartOf":{"@id":"https:\/\/www.devopstrainer.in\/blog\/#website"},"datePublished":"2022-10-15T12:38:02+00:00","dateModified":"2022-10-15T12:44:34+00:00","author":{"@id":"https:\/\/www.devopstrainer.in\/blog\/#\/schema\/person\/e9fd1d88de76754aa189257cd197394d"},"breadcrumb":{"@id":"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.devopstrainer.in\/blog\/how-can-we-show-hidden-and-uncounted-slides-in-an-html-presentation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.devopstrainer.in\/blog\/"},{"@type":"ListItem","position":2,"name":"How can we show hidden and uncounted slides in an Html presentation?"}]},{"@type":"WebSite","@id":"https:\/\/www.devopstrainer.in\/blog\/#website","url":"https:\/\/www.devopstrainer.in\/blog\/","name":"DevOps | SRE | DevSecOps","description":"Automation means Cost, Quality, Time","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.devopstrainer.in\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.devopstrainer.in\/blog\/#\/schema\/person\/e9fd1d88de76754aa189257cd197394d","name":"rahulkr kr","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.devopstrainer.in\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79531cbaf0b831cebc9631f6ac28f21fb3fb0dc2615eeecdeeec43038b513473?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79531cbaf0b831cebc9631f6ac28f21fb3fb0dc2615eeecdeeec43038b513473?s=96&d=mm&r=g","caption":"rahulkr kr"},"url":"https:\/\/www.devopstrainer.in\/blog\/author\/rahulkr\/"}]}},"_links":{"self":[{"href":"https:\/\/www.devopstrainer.in\/blog\/wp-json\/wp\/v2\/posts\/271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopstrainer.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopstrainer.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopstrainer.in\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopstrainer.in\/blog\/wp-json\/wp\/v2\/comments?post=271"}],"version-history":[{"count":4,"href":"https:\/\/www.devopstrainer.in\/blog\/wp-json\/wp\/v2\/posts\/271\/revisions"}],"predecessor-version":[{"id":276,"href":"https:\/\/www.devopstrainer.in\/blog\/wp-json\/wp\/v2\/posts\/271\/revisions\/276"}],"wp:attachment":[{"href":"https:\/\/www.devopstrainer.in\/blog\/wp-json\/wp\/v2\/media?parent=271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopstrainer.in\/blog\/wp-json\/wp\/v2\/categories?post=271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopstrainer.in\/blog\/wp-json\/wp\/v2\/tags?post=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}