NetSuite内で応答可能なフォームを作成する

NetSuiteのカスタムフォームでは、NLFORMやNLCATEGORYなどのフィールドタグを使用する必要があります。しかし、これらのタグをレスポンシブフォームのテンプレートに適切に組み込んで正しく動作させる方法は不明です。ここでNetSuite内で応答可能なフォームを作成する

は、私がこれまで持っているものです。

<!DOCTYPE html> 

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

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

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

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

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


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

</form> 


</Body> 

</HTML>

フォームフィールドには、ブラウザのウィンドウのサイズを変更するに応えるんが、ネットスイートは、適切に、この特定のフォームを使用してレコードを作成することができません。誰でも私がここで間違っているのを見ることができますか？ここ

は、フォームのURLです：http://www.boxcomponents.com/support-form

NetSuiteのフィールドタグは、UI内から制御されています。フィールド幅は固定されており、パーセンテージは受け入れられません。幅が固定されたドロップダウンメニューもありますが、これはやや迷惑です。 NetSuiteのタグをすべて削除しなければ、フォームが正しく応答するようには見えません。

出典

2016-10-07 yangbanger

は、あなたが "の詳細を提供することができますレコードを適切に作成できませんでしたか？何かエラーやメッセージを受け取っていますか？レコードが正しく作成されていませんか？それとも何もない？ – erictgrubaugh

エラーメッセージが表示されません。レコードを作成することはできません。フォームを提出すると、入力したデータがページに再表示されます。それは全く望ましい結果ではありません。あなた自身で見たい場合は、ここに行く：http://www.boxcomponents.com/support-form – yangbanger

あなたがする必要があることは、開いたときにスクリプトでフォームを処理することです。 </form>タグの後にスクリプトタグを追加して、フォーム要素からクラスを追加および削除します。

また、これは冗長であり、あなたが壊れたフォームのいくつかの並べ替えになってしまいます：

<form class="form-horizontal"> 
<NLFORM>

だから例えば、あなただけの必要があるだろう：

<NLFORM> 
    ... 
</form> 
<script> 
jQuery(function($){ 
    $("#main_form").addClass('form-horizontal'); 
}); 
</script>

出典

2016-10-08 17:52:56 bknights

ありがとう！それはすばらしく働いた。 NetSuiteがカスタムフォーム用に持っている事前設定されたフィールド幅の書式設定に悩まされているかどうかは分かりますか？または、私はどうにかして見た目を変えることができますか？フォームは今ここに投稿されています：http://www.boxcomponents.com/contact-us – yangbanger

あなたは十分なCSSとスクリプトを使ってほとんど何でもすることができます:-)しかし、私は自分自身を作成し終えたNetsuiteのフォームでとても不満を感じましたフォームの受信はNetsuiteのフォームハンドラが行う有用なバックグラウンド処理のほとんどを行いますが、ハックの少ない最新の処理を可能にします。スイートバンドル＃141427です。あなたのケースではそれほど助けにならないかもしれませんが、リードと顧客のためだけです。 – bknights

ケース（匿名の顧客）から連絡先に顧客情報を変換することが可能かどうかは分かりますか？ – yangbanger

NetSuite内で応答可能なフォームを作成する

答えて

関連する問題