creating a responsive form within NetSuite
<p>custom forms within NetSuite require the use of field tags like NLFORM and NLCATEGORY, etc. However it's unclear to me how to incorporate these tags properly into the template of a responsive form so it works.</p>

<p>Here's what I have so far:</p>

<pre><code>&lt;!DOCTYPE html&gt;

&lt;html lang="en"&gt;
&lt;head&gt;
&lt;Title&gt;General Contact Form&lt;/Title&gt;
&lt;meta charset="utf-8"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;

  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;

&lt;link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css"&gt;
&lt;style type="text/css"&gt;
h1, p {
  font-family: 'Lato', sans-serif;
  }
&lt;/style&gt;
&lt;/head&gt;

&lt;Body&gt;
&lt;div class="container"&gt;
&lt;h1&gt;
&lt;center&gt;Submit a Message&lt;/center&gt;
&lt;/h1&gt;
 &lt;form class="form-horizontal"&gt;
&lt;NLFORM&gt;
&lt;br&gt;
&lt;fieldset&gt;
&lt;legend&gt;How Can We Help You?&lt;/legend&gt;
&lt;div class="form-group"&gt;
&lt;p class="control-label col-sm-2"&gt;Type of Inquiry*&lt;/p&gt;
&lt;div class="col-sm-10"&gt;
&lt;NLCATEGORY&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="form-group"&gt;
&lt;p class="control-label col-sm-2"&gt;Subject*&lt;/p&gt;
&lt;div class="col-sm-10"&gt;&lt;NLTITLE&gt; &lt;/div&gt;&lt;/div&gt;
&lt;div class="form-group"&gt;
&lt;p class="control-label col-sm-2"&gt;Message*&lt;/label&gt;
&lt;div class="col-sm-10"&gt;&lt;NLINCOMINGMESSAGE&gt; &lt;/div&gt;&lt;/div&gt;
&lt;div class="form-group"&gt;
&lt;label class="control-label col-sm-2" for="NLFILE"&gt;File Upload&lt;/label&gt;
&lt;div class="col-sm-10"&gt;&lt;NLFILE&gt; &lt;/div&gt;&lt;/div&gt;
&lt;/fieldset&gt;

&lt;fieldset&gt;
&lt;legend&gt;Contact Information&lt;/legend&gt;
&lt;div class="form-group"&gt;
&lt;label class="control-label col-sm-2" for="first-name"&gt;First Name*&lt;/label&gt;
&lt;div class="col-sm-10"&gt;
&lt;NLFIRSTNAME&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class="form-group"&gt;
&lt;label class="control-label col-sm-2" for ="NLLASTNAME"&gt;Last Name*&lt;/label&gt;
&lt;div class="col-sm-10"&gt;&lt;NLLASTNAME&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class="form-group"&gt;
&lt;label class="control-label col-sm-2" for="NLEMAIL"&gt;E-mail*&lt;/label&gt;
&lt;div class="col-sm-10"&gt;&lt;NLEMAIL&gt; &lt;/div&gt;&lt;/div&gt;
&lt;div class="form-group"&gt;
&lt;label class="control-label col-sm-2" for="NLPHONE"&gt;Phone&lt;/label&gt;
&lt;div class="col-sm-10"&gt;&lt;NLPHONE&gt; &lt;/div&gt;&lt;/div&gt;
&lt;div class="form-group"&gt;
&lt;label class="control-label col-sm-2" for="NLCOUNTRY"&gt;Country&lt;/label&gt;
&lt;div class="col-sm-10"&gt;&lt;NLCOUNTRY&gt; &lt;/div&gt;&lt;/div&gt;
&lt;/fieldset&gt;


&lt;div class="form-group"&gt;
&lt;div class="col-sm-offset-2 col-sm-10"&gt;
&lt;input type="submit" value="Submit"&gt; - or - 
&lt;input type="button" value="Reset" onclick="page_reset(); return false;"&gt;&lt;/div&gt;&lt;/div&gt;
&lt;NLSUBSIDIARY&gt;
&lt;br&gt;
&lt;p align=center&gt;Fields marked with an&lt;img src="http://shopping.na2.netsuite.com/core/media/media.nl?id=35211&amp;c=4382721&amp;h=2eef11083f182592e0bb"&gt;are required.&lt;/p&gt;

&lt;/form&gt;


&lt;/Body&gt;

&lt;/HTML&gt;
</code></pre>

<p>the form fields do respond to resizing the browser window, but NetSuite is not able to properly create a record using this particular form. can anyone see what I'm doing wrong here!?</p>

<p>here's the form URL: <a href="http://www.boxcomponents.com/support-form" rel="nofollow">http://www.boxcomponents.com/support-form</a></p>

<p>NetSuite Field Tags are controlled from within the UI; so field width is fixed and doesn't accept percentages; there are also drop-down menus which have a fixed width, which is mildly annoying. I can't seem to get the form to respond properly without removing all of NetSuite's tags.</p>