{"id":6902,"date":"2024-04-14T17:54:36","date_gmt":"2024-04-14T09:54:36","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6902"},"modified":"2024-04-14T17:54:36","modified_gmt":"2024-04-14T09:54:36","slug":"detailed-textual-area-overview","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/detailed-textual-area-overview\/","title":{"rendered":"Detailed textual area overview"},"content":{"rendered":"\n<div class=\"docs_rich-text w-richtext\">\n<p>While a <a href=\"http:\/\/help.webflow.com\/article\/plain-text-field\">simple text field<\/a> is utilized for generating concise-form, unstyled text, a detailed text field is used for expansive content that can be formatted from the Collections panel in the Designer or the Editor. The detailed text field provides your collaborators with the flexibility to generate and format their content. The detailed text field can be showcased in <a href=\"https:\/\/help.webflow.com\/article\/collection-list\">Collection lists<\/a> and on <a href=\"https:\/\/help.webflow.com\/article\/collection-page\">Collection pages<\/a>. Additionally, you can employ the detailed text field to refine a Collection list or set conditional visibility on elements in Collection pages and lists.<\/p>\n<h5>Usual applications<\/h5>\n<ul>\n<li>Majority of extensive content with hyperlinks<\/li>\n<li>Weblog entries<\/li>\n<li>Essays<\/li>\n<li>Introduction of team members<\/li>\n<li>Description of products<\/li>\n<li>Details about events<\/li>\n<\/ul>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b949107c92a16eb2b9a582_611ae824b6adde695629ce34_rich-text-field-overview_1.png\" loading=\"lazy\" alt=\"On the left a custom field for detailed text is filled out with text and an image. On the right is the result of a detailed text block element in the designer with the same text and image entered in the Collection settings.\" width=\"auto\" height=\"auto\" title=\"64b949107c92a16eb2b9a582_611ae824b6adde695629ce34_rich-text-field-overview_1\"><\/div>\n<\/figure>\n<h5>Valuable tip<\/h5>\n<h6>Detailed text is useful when you desire to provide collaborators with the ability to further stylize text. If you prefer that collaborators not have this capability, the simple text field would be the preferable option.<\/h6>\n<h5>Throughout this educational section<\/h5>\n<ul>\n<li>Formation of a detailed text field<\/li>\n<li>Creation of detailed text content<\/li>\n<li>Showcasing dynamic detailed text in your design<\/li>\n<li>Styling elements embedded in a detailed text field<\/li>\n<li>Refinement of a Collection list using the detailed text field<\/li>\n<li>Employing conditional visibility using the detailed text field<\/li>\n<\/ul>\n<h2>Formation of a detailed text field<\/h2>\n<p>A detailed text field can be added to a new or existing Collection. In Collection settings, hit on <strong>New Field<\/strong> and then select the <strong>Detailed Text<\/strong> field.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b949107c92a16eb2b9a578_5f60fa0d1cce175030f27a30_template252017.png\" loading=\"lazy\" width=\"auto\" height=\"auto\" alt=\"The Detailed text is highlighted in the New field select menu.\" title=\"64b949107c92a16eb2b9a578_5f60fa0d1cce175030f27a30_template252017\"><\/div>\n<\/figure>\n<p>Prior to saving the field, you can define a <strong>minimum character count <\/strong>and\/or a <strong>maximum character count<\/strong> that is permitted for this field. Additionally, similar to any field, you can incorporate a <strong>Help text <\/strong>and specify if the field is <strong>mandatory<\/strong> or not.<\/p>\n<h2>Creation of detailed text content<\/h2>\n<p>You and your collaborators can compile detailed text content for each Collection item.<\/p>\n<ol>\n<li>Access a Collection item in the CMS<\/li>\n<li>Enter or paste your detailed text content<\/li>\n<li>Further structure it or introduce media<\/li>\n<li>Save your Collection item<\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b949107c92a16eb2b9a57e_5f60fa1dab35cf8d3a525dd1_template252018.png\" loading=\"lazy\" width=\"auto\" height=\"auto\" alt='A preview of a collection page called Lessons\" being edited in the Editor.' title=\"64b949107c92a16eb2b9a57e_5f60fa1dab35cf8d3a525dd1_template252018\"><\/div>\n<\/figure>\n<p>In a detailed text field, you have the ability to integrate:<\/p>\n<ul>\n<li>Various paragraphs<\/li>\n<li>Images<\/li>\n<li>Videos<\/li>\n<li>Diverse media<\/li>\n<li>Bulleted lists<\/li>\n<li>Numbered lists<\/li>\n<li>Emboldened text<\/li>\n<li>Italicized text<\/li>\n<li>Hyperlink<\/li>\n<li>Headers<\/li>\n<li>Block quotations<\/li>\n<\/ul>\n<h5>Suggested reading<\/h5>\n<h6><a href=\"https:\/\/help.webflow.com\/article\/rich-text\">Explore more about extensive content and how to add, format, and style\u00a0detailed text elements<\/a>.<\/h6>\n<h2>Showcasing dynamic detailed text in your design<\/h2>\n<p>To exhibit the content of the detailed text field in Collection list or Collection pages, you can introduce a <a href=\"https:\/\/help.webflow.com\/article\/rich-text\">detailed text element<\/a> and link it to this field:<\/p>\n<ol>\n<li>Integrate a detailed text element in a Collection list or on a Collection page<\/li>\n<li>Tick the <strong>Get text from<\/strong> checkbox in the <strong>Inner Text Settings<\/strong> that manifests<\/li>\n<li>Link it to the relevant detailed text field from the <strong>field dropdown<\/strong><\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b949107c92a16eb2b9a57b_611ae87ed3fe55ea45b568fb_rich-text-field-overview_2.png\" loading=\"lazy\" width=\"auto\" height=\"auto\" alt=\"The Inner Text Settings of a Detailed Text element is displayed. The check box is marked to Get text from a collection named Blog Posts with the dropdown menu expanded to connect to the Featured Blog Post field.\" title=\"64b949107c92a16eb2b9a57b_611ae87ed3fe55ea45b568fb_rich-text-field-overview_2\"><\/div>\n<\/figure>\n<p>You can also access the Inner Text Settings by selecting the text element and either tapping on the settings icon next to the element label on the canvas or by navigating to the Settings panel (D).<\/p>\n<h2>Styling elements nested in a detailed text field<\/h2>\n<p>You can specify distinct styles for each element nested in a detailed text, such as headers, lists, hyperlinks, etc. You can carry this out before connecting your detailed text element to a detailed text field. <a href=\"https:\/\/help.webflow.com\/article\/rich-text\">Learn more about styling elements nested in a detailed text element.<\/a><\/p>\n<p>You cannot style elements nested in a detailed text element when it\u2019s linked to a detailed text field. Initially, you must disconnect the connection, style its elements, then, reconnect it again to the detailed text field. You can sever the connection by unchecking the \u201c<strong>Get text from\u201d<\/strong> under <strong>Inner Text Settings.<\/strong><\/p>\n<h2>Refinement of a Collection list using the detailed text field<\/h2>\n<p>To enhance your Collection list using a detailed text field:<\/p>\n<ol>\n<li>Select the Collection list you wish to refine<\/li>\n<li>Visit the <strong>Settings panel (D)<\/strong><\/li>\n<li>Incorporate a <strong>Filter<\/strong> under <strong>Collection List Settings<\/strong><\/li>\n<li>Select the pertinent detailed text field in the initial dropdown<\/li>\n<li>Choose a guideline in the second field<\/li>\n<li>Specify the value if necessary<\/li>\n<li>Tap on <strong>Save<\/strong><\/li>\n<\/ol>\n<p>The filtering criteria that you can employ with the detailed text field and values are:<\/p>\n<ul>\n<li><strong>Is Set<\/strong> &#8211; seeks out Collection items that possess content for this detailed text field<\/li>\n<li><strong>Is Not Set<\/strong> &#8211; searches for Collection items lacking any content in this detailed text field<\/li>\n<\/ul>\n<h6><a href=\"http:\/\/help.webflow.com\/article\/cms-collection-list\">Discover more about refining Collection lists.<\/a><\/h6>\n<h2>Employing conditional visibility utilizing the detailed text field<\/h2>\n<p>You can implement conditional formatting to showcase detailed text content under specific conditions. Additionally, you can configure conditional formatting, for instance, on headers to display them solely when a specific detailed text field contains content:<\/p>\n<ol>\n<li>Select the header<\/li>\n<li>Access the <strong>Settings panel (D)<\/strong><\/li>\n<li>Incorporate a <strong>Condition<\/strong> (while this element is visible) under <strong>Conditional visibility<\/strong><\/li>\n<li>Select your detailed text field in the first dropdown<\/li>\n<li>Choose <strong>Is set<\/strong> in the second dropdown<\/li>\n<li>Press <strong>Save<\/strong><\/li>\n<\/ol>\n<p><a href=\"http:\/\/help.webflow.com\/article\/conditional-visibility\">Explore more about conditional visibility.<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Rich text fields are used for long-form content you can format from the CMS panel in the Designer or the Editor.","protected":false},"author":2,"featured_media":6903,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[300],"tags":[],"class_list":{"0":"post-6902","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-cms-dynamic-content","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=6902"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6902\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/6903"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=6902"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=6902"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=6902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}