How Do I resize an input field on front end

Overview

The issue occurred because an `` element was used, which does not support rows and cols attributes for resizing.
Replace the `` element with a `` element, specifying the desired rows and cols attributes to properly resize the field. </p> </div> <div class="item-text post-text"><div class="block-content-extension"> <div class="nui flex vertical spaced"> <div class="nui flex spaced wrap align-center small toolbar"> <div class="nui label rounded green inverted"> <svg class="fasvg icon check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Answered </div> <div class="right paginator"> </div> </div> <div class="item-cards-items forum_post-cards-items"> <div class="topic_actions item hidden"></div> <div class="nui item-card forum_post-card " id='p364582'> <article class="nui flex vertical spaced grow nomargins" style="min-width: 0;"> <div class="nui flex spaced wrap align-center"> <span class="item nui flex align-center large"> <a class='nui flex inline relative align-start' title="mercyfirst" data-popup='' data-modal="" href="/users/profile/101936"> <span class="nui avatar squared rounded flex align-center justify-center grey bold">me</span> </a> </span> <span class="nui flex inline align-center spaced"> <a class="item-author" href='/users/profile/101936' data-modal="">mercyfirst</a> </span> <span class="item-date">27 Jan, 2017</span> <div class="nui flex spaced align-center right"> <a href='/forums/topics/view/102932/how-do-i-resize-an-input-field-on-front-end2#p364582' title='p364582'><svg class="fasvg icon link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"/></svg></a> </div> </div> <div class="nui divider"></div> <div class="nui breakwords"> I am viewing the front list of database items with their ID numbers and one of the fields has about 1000 characters. This field is editable. but only shows me one line and a few characters. <br /> <br />How can I add cols and rows to the input field to show all data? <br /> <br />See code I have below in the front List / Fields but it is not resizing to 10 rows or 50 cols <br /> <br />missionNominationDB.textarea5:<input type="text" rows="10" cols="50" name="missionNominationDB[{missionNominationDB.id}][textarea5]" value="{missionNominationDB.textarea5}" class="form-control A" size="" /> </div> </article> </div> <div class="nui item-card forum_post-card " id='p364583'> <article class="nui flex vertical spaced grow nomargins" style="min-width: 0;"> <div class="nui flex spaced wrap align-center"> <span class="item nui flex align-center large"> <a class='nui flex inline relative align-start' title="calculus00" data-popup='' data-modal="" href="/users/profile/94071"> <span class="nui avatar squared rounded flex align-center justify-center grey bold">ca</span> </a> </span> <span class="nui flex inline align-center spaced"> <a class="item-author" href='/users/profile/94071' data-modal="">calculus00</a> </span> <span class="item-date">27 Jan, 2017</span> <div class="nui flex spaced align-center right"> <a href='/forums/topics/view/102932/how-do-i-resize-an-input-field-on-front-end2#p364583' title='p364583'><svg class="fasvg icon link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"/></svg></a> </div> </div> <div class="nui divider"></div> <div class="nui breakwords"> Hello mercyfirst,<br />I'm not a Chrono professional, but after checking your new post, I think that the following links may help:<br /><a target="_blank" rel="nofollow" href="http://www.chronoengine.com/faqs/5232-how-do-i-build-a-dynamic-drop-down-in-cfv5">How do I build a Double Drop-down in CFv5</a><br />P.S: I'm just an automated service😉 </div> </article> </div> <div class="nui item-card forum_post-card " id='p364584'> <article class="nui flex vertical spaced grow nomargins" style="min-width: 0;"> <div class="nui flex spaced wrap align-center"> <span class="item nui flex align-center large"> <a class='nui flex inline relative align-start' title="mercyfirst" data-popup='' data-modal="" href="/users/profile/101936"> <span class="nui avatar squared rounded flex align-center justify-center grey bold">me</span> </a> </span> <span class="nui flex inline align-center spaced"> <a class="item-author" href='/users/profile/101936' data-modal="">mercyfirst</a> </span> <span class="item-date">27 Jan, 2017</span> <div class="nui flex spaced align-center right"> <a href='/forums/topics/view/102932/how-do-i-resize-an-input-field-on-front-end2#p364584' title='p364584'><svg class="fasvg icon link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"/></svg></a> </div> </div> <div class="nui divider"></div> <div class="nui breakwords"> also tried type-"textarea" rows="10" cols="50" and same outcome. <br /> <br />missionNominationDB.textarea5:<input type="textarea" rows="10" cols="50" name="missionNominationDB[{missionNominationDB.id}][textarea5]" value="{missionNominationDB.textarea5}" class="form-control A" size="" /> </div> </article> </div> <div class="nui item-card forum_post-card answered" id='p364585'> <article class="nui flex vertical spaced grow nomargins" style="min-width: 0;"> <div class="nui flex spaced wrap align-center"> <span class="item nui flex align-center large"> <a href="/users/profile/62" class="nui flex inline relative align-start" data-modal="" title="Max_admin" data-popup=''> <img class="nui avatar squared rounded" alt="Max_admin" src="/users/avatar/62"/> <span class="nui label squared circular small green inverted relative top-right"></span> </a> </span> <span class="nui flex inline align-center spaced"> <a class="item-author" href='/users/profile/62' data-modal="">Max_admin</a> </span> <span class="item-date">27 Jan, 2017</span> <div class="nui flex spaced align-center right"> <div class="item nui label rounded green inverted small"><svg class="fasvg icon check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Answer</div> <div class="nui label colored secondary rounded" data-popup='{"popup":"#post_likes_364585"}'><svg class="fasvg icon thumbs-up regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M96 191.1H32c-17.67 0-32 14.33-32 31.1v223.1c0 17.67 14.33 31.1 32 31.1h64c17.67 0 32-14.33 32-31.1V223.1C128 206.3 113.7 191.1 96 191.1zM512 227c0-36.89-30.05-66.92-66.97-66.92h-99.86C354.7 135.1 360 113.5 360 100.8c0-33.8-26.2-68.78-70.06-68.78c-46.61 0-59.36 32.44-69.61 58.5c-31.66 80.5-60.33 66.39-60.33 93.47c0 12.84 10.36 23.99 24.02 23.99c5.256 0 10.55-1.721 14.97-5.26c76.76-61.37 57.97-122.7 90.95-122.7c16.08 0 22.06 12.75 22.06 20.79c0 7.404-7.594 39.55-25.55 71.59c-2.046 3.646-3.066 7.686-3.066 11.72c0 13.92 11.43 23.1 24 23.1h137.6C455.5 208.1 464 216.6 464 227c0 9.809-7.766 18.03-17.67 18.71c-12.66 .8593-22.36 11.4-22.36 23.94c0 15.47 11.39 15.95 11.39 28.91c0 25.37-35.03 12.34-35.03 42.15c0 11.22 6.392 13.03 6.392 22.25c0 22.66-29.77 13.76-29.77 40.64c0 4.515 1.11 5.961 1.11 9.456c0 10.45-8.516 18.95-18.97 18.95h-52.53c-25.62 0-51.02-8.466-71.5-23.81l-36.66-27.51c-4.315-3.245-9.37-4.811-14.38-4.811c-13.85 0-24.03 11.38-24.03 24.04c0 7.287 3.312 14.42 9.596 19.13l36.67 27.52C235 468.1 270.6 480 306.6 480h52.53c35.33 0 64.36-27.49 66.8-62.2c17.77-12.23 28.83-32.51 28.83-54.83c0-3.046-.2187-6.107-.6406-9.122c17.84-12.15 29.28-32.58 29.28-55.28c0-5.311-.6406-10.54-1.875-15.64C499.9 270.1 512 250.2 512 227z"/></svg> 1 Likes</div> <div id='post_likes_364585' class="nui popup white bordered rounded raised transition hidden auto"> <span>Liked by</span><br> <a href='/users/profile/101936'>mercyfirst</a><br> </div> <a href='/forums/topics/view/102932/how-do-i-resize-an-input-field-on-front-end2#p364585' title='p364585'><svg class="fasvg icon link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"/></svg></a> </div> </div> <div class="nui divider"></div> <div class="nui breakwords"> Please try this: <br /><pre><code> <textarea rows="10" cols="50" name="missionNominationDB[{missionNominationDB.id}][textarea5]">{missionNominationDB.textarea5}</textarea> </code></pre> <br /> <br />Best regards, <br />Max </div> <div class="nui small author-signature"><strong>Max</strong>, ChronoForms developer <br /><strong>ChronoMyAdmin</strong>: Database administration within Joomla, no phpMyAdmin needed. <br /><strong>ChronoMails</strong> simplifies Joomla email: newsletters, logging, and custom templates.</div> </article> </div> <div class="nui item-card forum_post-card " id='p364586'> <article class="nui flex vertical spaced grow nomargins" style="min-width: 0;"> <div class="nui flex spaced wrap align-center"> <span class="item nui flex align-center large"> <a class='nui flex inline relative align-start' title="mercyfirst" data-popup='' data-modal="" href="/users/profile/101936"> <span class="nui avatar squared rounded flex align-center justify-center grey bold">me</span> </a> </span> <span class="nui flex inline align-center spaced"> <a class="item-author" href='/users/profile/101936' data-modal="">mercyfirst</a> </span> <span class="item-date">27 Jan, 2017</span> <div class="nui flex spaced align-center right"> <a href='/forums/topics/view/102932/how-do-i-resize-an-input-field-on-front-end2#p364586' title='p364586'><svg class="fasvg icon link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"/></svg></a> </div> </div> <div class="nui divider"></div> <div class="nui breakwords"> Just left office but will do first thing in the morning, Ill check back as soon as I try, Thanks Max! </div> </article> </div> <div class="nui item-card forum_post-card " id='p364594'> <article class="nui flex vertical spaced grow nomargins" style="min-width: 0;"> <div class="nui flex spaced wrap align-center"> <span class="item nui flex align-center large"> <a class='nui flex inline relative align-start' title="mercyfirst" data-popup='' data-modal="" href="/users/profile/101936"> <span class="nui avatar squared rounded flex align-center justify-center grey bold">me</span> </a> </span> <span class="nui flex inline align-center spaced"> <a class="item-author" href='/users/profile/101936' data-modal="">mercyfirst</a> </span> <span class="item-date">27 Jan, 2017</span> <div class="nui flex spaced align-center right"> <a href='/forums/topics/view/102932/how-do-i-resize-an-input-field-on-front-end2#p364594' title='p364594'><svg class="fasvg icon link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"/></svg></a> </div> </div> <div class="nui divider"></div> <div class="nui breakwords"> Max it worked thanks for the quick response your the best!! </div> </article> </div> <div id='dynamic_replies' class="nui hidden block"></div> </div> <div class="nui flex spaced wrap toolbar"> <div class="right paginator"> </div> </div> </div> <section class="nui flex vertical spaced nomargins"> <div class="nui alert orange block">This topic is locked and no more replies can be posted.</div> </section></div></div> </article> </div> </div> </div> </div> <div class="nui flex vertical align-center spaced section-above-footer"> <div class="nui grid horizontal spaced stackable p1 container container-above-footer"> <div class="module modules-custom above-footer-module white-bordered"><div class="body"><p><a href="https://www.chronoengine.com/blog/chronoforms-v8-is-now-available-for-wordpress"><strong>ChronoForms v8 is now WordPress ready</strong></a>, <a href="https://www.chronoengine.com/faqs/chronomails/what-is-chronomails-and-how-to-use-it"><strong>ChronoMails is out</strong></a></p> <p><a href="https://www.chronoengine.com/the-joomla-extensions-directory-needs-volunteers"><strong>The JED needs volunteers!</strong></a></p></div></div> </div> </div> <div class="nui flex vertical grow align-center spaced bg-color3 angled section-footer"> <div class="nui grid horizontal spaced stackable p1 container columnx2 container-footer"> <div class="module modules-menu2 footer-module white-bordered"><div class="body"><div class="nui flex menu plain vertical wrap"> <a href="/terms-of-use" class="item " title="" >Terms Of Use</a> <a href="/privacy-policy" class="item " title="" >Privacy Policy</a> <a href="/business-partners" class="item " title="" >Business Partners</a> </div></div></div><div class="module modules-custom footer-module "><div class="body"><p style="text-align: center;">We accept <img style="box-shadow: none;" title="paypal logo" src="/images/paypal.png" alt="paypal logo" width="60" height="60">  <img style="box-shadow: none;" title="stripe logo" src="/images/stripe.png" alt="stripe logo" width="60" height="60"></p></div></div><div class="module modules-custom footer-module "><div class="body"><p><span>© 2006 - 2026 ChronoEngine.com</span></p></div></div> </div> </div> </body> </html>