Wrap Text in a Text Area within Enhanced Search Widget

1656
2
Jump to solution
07-25-2016 03:34 PM
LesiMai3
Occasional Contributor

Hi,

I have set up an "IN" SQL statement using the enhanced search widget. To make it easier for users to input data, I want to have a text area instead of a single line input.

Here are the snippets of code I modified:

Inside SingleParameter.html ---

<input data-dojo-attach-point="stringTextBox" data-dojo-type="dijit/form/Textarea" data-dojo-props="trim:true" style="display:none;width:100%;height:90px;" class="dijit-form-Textarea" />

Inside Widget.js ---

define(['dijit/form/Textarea'],

function (Textarea)

But I can't get the text wrapped by the container.

Any help will be greatly appreciated!

Thank you,

Lesi

1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

Lesi,

  Here is what I added to the SingleParameter.html

<input data-dojo-attach-point="stringTextBox" data-dojo-type="dijit/form/Textarea" data-dojo-props="trim:true" style="display:none;width:100%;height:90px;" class="eSearch-Textarea" />

and What you added to the SingleParameter.js is fine

Next add this css rule to the style.css

.eSearch-Textarea {
  height: 90px !important;
}

View solution in original post

2 Replies
RobertScheitlin__GISP
MVP Emeritus

Lesi,

  Here is what I added to the SingleParameter.html

<input data-dojo-attach-point="stringTextBox" data-dojo-type="dijit/form/Textarea" data-dojo-props="trim:true" style="display:none;width:100%;height:90px;" class="eSearch-Textarea" />

and What you added to the SingleParameter.js is fine

Next add this css rule to the style.css

.eSearch-Textarea {
  height: 90px !important;
}
LesiMai3
Occasional Contributor

Thank you, Robert! Your code works perfectly!

0 Kudos