{"id":14453,"date":"2014-05-29T21:43:48","date_gmt":"2014-05-30T04:43:48","guid":{"rendered":"https:\/\/howtostg.wpengine.com?page_id=14453&#038;preview_id=14453"},"modified":"2023-07-14T06:06:24","modified_gmt":"2023-07-14T13:06:24","slug":"field-and-column-width","status":"publish","type":"page","link":"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/field-configuration-options\/field-and-column-width\/","title":{"rendered":"Field and Column Width"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14453\" class=\"elementor elementor-14453\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-16125d2d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"16125d2d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-66331f5\" data-id=\"66331f5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6ca1513b elementor-widget elementor-widget-text-editor\" data-id=\"6ca1513b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In Caspio, you can specify the field width in any form (Submission, Update, Search, Details Page, and Password Recovery), as well as the column width in Tabular Reports.<\/p><p>Various width settings are available during field configuration depending on the element type:<\/p><ul><li><b>Characters:<\/b> Traditional HTML setting based on the number of characters (Text fields only)<\/li><li><b>Pixels:<\/b> Width defined as number of pixels<\/li><li><b>Percent: <\/b>Width<b> <\/b>defined as a percentage of the size of the outer container<\/li><li><b>Auto:<\/b> Allows the browser to determine the width based on content length, screen and font size, and other factors (Dropdowns, Listboxes and Columns only)<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b2d72af elementor-widget elementor-widget-image\" data-id=\"5b2d72af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"838\" height=\"519\" src=\"https:\/\/howto.caspio.com\/wp-content\/uploads\/2023\/07\/field_width_11.png\" class=\"attachment-large size-large wp-image-61762\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-410f8ea elementor-widget elementor-widget-text-editor\" data-id=\"410f8ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Note:<\/b> There are many factors that affect the eventual field width, such as the fixed outer container size, the amount of text in a particular field or label, the size of titles and images, padding and margins settings in DataPage Styles, browser zoom, etc. For the most flexible outcome, we recommend using <b>Percent<\/b> or <strong>A<\/strong><b>uto<\/b>.<\/p><p><b>Quick Tip: <\/b>Use <strong>A<\/strong><b>uto<\/b> for most fields and then apply an exact width setting to just the fields that require specific width.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In Caspio, you can specify the field width in any form (Submission, Update, Search, Details Page, and Password Recovery), as well as the column width in Tabular Reports. Various width settings are available during field configuration depending on the element type: Characters: Traditional HTML setting based on the number of characters (Text fields only) Pixels: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":14400,"menu_order":402,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[],"class_list":["post-14453","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Field and Column Width - Caspio Online Help<\/title>\n<meta name=\"description\" content=\"Specify the field and column width for any type of forms in Caspio. These settings are available during field configuration. Learn how to do it properly.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/field-configuration-options\/field-and-column-width\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Field and Column Width - Caspio Online Help\" \/>\n<meta property=\"og:description\" content=\"Specify the field and column width for any type of forms in Caspio. These settings are available during field configuration. Learn how to do it properly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/field-configuration-options\/field-and-column-width\/\" \/>\n<meta property=\"og:site_name\" content=\"Caspio Online Help\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/caspioinc\/\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-14T13:06:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/howto.caspio.com\/wp-content\/uploads\/2023\/07\/field_width_11.png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/howto.caspio.com\\\/create-applications\\\/creating-apps-with-bridge\\\/datapages\\\/datapage-components\\\/field-configuration-options\\\/field-and-column-width\\\/\",\"url\":\"https:\\\/\\\/howto.caspio.com\\\/create-applications\\\/creating-apps-with-bridge\\\/datapages\\\/datapage-components\\\/field-configuration-options\\\/field-and-column-width\\\/\",\"name\":\"Field and Column Width - Caspio Online Help\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/howto.caspio.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/howto.caspio.com\\\/create-applications\\\/creating-apps-with-bridge\\\/datapages\\\/datapage-components\\\/field-configuration-options\\\/field-and-column-width\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/howto.caspio.com\\\/create-applications\\\/creating-apps-with-bridge\\\/datapages\\\/datapage-components\\\/field-configuration-options\\\/field-and-column-width\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/howto.caspio.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/field_width_11.png\",\"datePublished\":\"2014-05-30T04:43:48+00:00\",\"dateModified\":\"2023-07-14T13:06:24+00:00\",\"description\":\"Specify the field and column width for any type of forms in Caspio. These settings are available during field configuration. Learn how to do it properly.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/howto.caspio.com\\\/create-applications\\\/creating-apps-with-bridge\\\/datapages\\\/datapage-components\\\/field-configuration-options\\\/field-and-column-width\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/howto.caspio.com\\\/create-applications\\\/creating-apps-with-bridge\\\/datapages\\\/datapage-components\\\/field-configuration-options\\\/field-and-column-width\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/howto.caspio.com\\\/create-applications\\\/creating-apps-with-bridge\\\/datapages\\\/datapage-components\\\/field-configuration-options\\\/field-and-column-width\\\/#primaryimage\",\"url\":\"https:\\\/\\\/howto.caspio.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/field_width_11.png\",\"contentUrl\":\"https:\\\/\\\/howto.caspio.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/field_width_11.png\",\"width\":838,\"height\":519},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/howto.caspio.com\\\/create-applications\\\/creating-apps-with-bridge\\\/datapages\\\/datapage-components\\\/field-configuration-options\\\/field-and-column-width\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Create Applications\",\"item\":\"https:\\\/\\\/howto.caspio.com\\\/create-applications\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating Apps With Bridge\",\"item\":\"https:\\\/\\\/howto.caspio.com\\\/create-applications\\\/creating-apps-with-bridge\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"DataPages\",\"item\":\"https:\\\/\\\/howto.caspio.com\\\/create-applications\\\/creating-apps-with-bridge\\\/datapages\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"DataPage Components\",\"item\":\"https:\\\/\\\/howto.caspio.com\\\/create-applications\\\/creating-apps-with-bridge\\\/datapages\\\/datapage-components\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Field Configuration Options\",\"item\":\"https:\\\/\\\/howto.caspio.com\\\/create-applications\\\/creating-apps-with-bridge\\\/datapages\\\/datapage-components\\\/field-configuration-options\\\/\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"Field and Column Width\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/howto.caspio.com\\\/#website\",\"url\":\"https:\\\/\\\/howto.caspio.com\\\/\",\"name\":\"Caspio Online Help\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/howto.caspio.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/howto.caspio.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/howto.caspio.com\\\/#organization\",\"name\":\"Caspio Online Help\",\"url\":\"https:\\\/\\\/howto.caspio.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/howto.caspio.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/howto.caspio.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/socmed_banner_image.jpg\",\"contentUrl\":\"https:\\\/\\\/howto.caspio.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/socmed_banner_image.jpg\",\"width\":640,\"height\":360,\"caption\":\"Caspio Online Help\"},\"image\":{\"@id\":\"https:\\\/\\\/howto.caspio.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/caspioinc\\\/\",\"https:\\\/\\\/x.com\\\/Caspio\",\"https:\\\/\\\/www.instagram.com\\\/thisiscaspio\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/89240\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/CaspioInc\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Field and Column Width - Caspio Online Help","description":"Specify the field and column width for any type of forms in Caspio. These settings are available during field configuration. Learn how to do it properly.","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:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/field-configuration-options\/field-and-column-width\/","og_locale":"en_US","og_type":"article","og_title":"Field and Column Width - Caspio Online Help","og_description":"Specify the field and column width for any type of forms in Caspio. These settings are available during field configuration. Learn how to do it properly.","og_url":"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/field-configuration-options\/field-and-column-width\/","og_site_name":"Caspio Online Help","article_publisher":"https:\/\/www.facebook.com\/caspioinc\/","article_modified_time":"2023-07-14T13:06:24+00:00","og_image":[{"url":"https:\/\/howto.caspio.com\/wp-content\/uploads\/2023\/07\/field_width_11.png","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/field-configuration-options\/field-and-column-width\/","url":"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/field-configuration-options\/field-and-column-width\/","name":"Field and Column Width - Caspio Online Help","isPartOf":{"@id":"https:\/\/howto.caspio.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/field-configuration-options\/field-and-column-width\/#primaryimage"},"image":{"@id":"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/field-configuration-options\/field-and-column-width\/#primaryimage"},"thumbnailUrl":"https:\/\/howto.caspio.com\/wp-content\/uploads\/2023\/07\/field_width_11.png","datePublished":"2014-05-30T04:43:48+00:00","dateModified":"2023-07-14T13:06:24+00:00","description":"Specify the field and column width for any type of forms in Caspio. These settings are available during field configuration. Learn how to do it properly.","breadcrumb":{"@id":"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/field-configuration-options\/field-and-column-width\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/field-configuration-options\/field-and-column-width\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/field-configuration-options\/field-and-column-width\/#primaryimage","url":"https:\/\/howto.caspio.com\/wp-content\/uploads\/2023\/07\/field_width_11.png","contentUrl":"https:\/\/howto.caspio.com\/wp-content\/uploads\/2023\/07\/field_width_11.png","width":838,"height":519},{"@type":"BreadcrumbList","@id":"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/field-configuration-options\/field-and-column-width\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Create Applications","item":"https:\/\/howto.caspio.com\/create-applications\/"},{"@type":"ListItem","position":2,"name":"Creating Apps With Bridge","item":"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/"},{"@type":"ListItem","position":3,"name":"DataPages","item":"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/"},{"@type":"ListItem","position":4,"name":"DataPage Components","item":"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/"},{"@type":"ListItem","position":5,"name":"Field Configuration Options","item":"https:\/\/howto.caspio.com\/create-applications\/creating-apps-with-bridge\/datapages\/datapage-components\/field-configuration-options\/"},{"@type":"ListItem","position":6,"name":"Field and Column Width"}]},{"@type":"WebSite","@id":"https:\/\/howto.caspio.com\/#website","url":"https:\/\/howto.caspio.com\/","name":"Caspio Online Help","description":"","publisher":{"@id":"https:\/\/howto.caspio.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/howto.caspio.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/howto.caspio.com\/#organization","name":"Caspio Online Help","url":"https:\/\/howto.caspio.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/howto.caspio.com\/#\/schema\/logo\/image\/","url":"https:\/\/howto.caspio.com\/wp-content\/uploads\/2023\/01\/socmed_banner_image.jpg","contentUrl":"https:\/\/howto.caspio.com\/wp-content\/uploads\/2023\/01\/socmed_banner_image.jpg","width":640,"height":360,"caption":"Caspio Online Help"},"image":{"@id":"https:\/\/howto.caspio.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/caspioinc\/","https:\/\/x.com\/Caspio","https:\/\/www.instagram.com\/thisiscaspio\/","https:\/\/www.linkedin.com\/company\/89240\/","https:\/\/www.youtube.com\/user\/CaspioInc"]}]}},"_links":{"self":[{"href":"https:\/\/howto.caspio.com\/wp-json\/wp\/v2\/pages\/14453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.caspio.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/howto.caspio.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/howto.caspio.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.caspio.com\/wp-json\/wp\/v2\/comments?post=14453"}],"version-history":[{"count":0,"href":"https:\/\/howto.caspio.com\/wp-json\/wp\/v2\/pages\/14453\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/howto.caspio.com\/wp-json\/wp\/v2\/pages\/14400"}],"wp:attachment":[{"href":"https:\/\/howto.caspio.com\/wp-json\/wp\/v2\/media?parent=14453"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.caspio.com\/wp-json\/wp\/v2\/tags?post=14453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}