2. ASPRunnerPro General questions
  3. [SOLVED]  How To Embed Webform In Existing HTML Page
This topic is locked
[SOLVED]

 How To Embed Webform In Existing HTML Page

 		8/11/2011 12:51:11 PM
ASPRunnerPro General questions
BeachyLife author

I've created a webform but I'm not sure how to embed it into an existing website HTML page. I'm sure it's probably pretty staightforward, but I've never used the ADD page as a webform before. Thanks.
Sergey Kornilov admin 8/11/2011

One of options - use iframe tag in your existing webpage

<iframe src="html_intro.asp" width="100%" height="300">

<p>Your browser does not support iframes.</p>

</iframe>


More info:

http://www.w3schools.com/tags/tag_iframe.asp
BeachyLife author 8/12/2011



One of options - use iframe tag in your existing webpage

<iframe src="html_intro.asp" width="100%" height="300">

<p>Your browser does not support iframes.</p>

</iframe>


More info:

http://www.w3schools.com/tags/tag_iframe.asp


Hmm, tried that and I get a HTTP 500 error. Help!
Sergey Kornilov admin 8/12/2011

Iframe is just a way to embed one page into another one. It's not related to 500 error. You need to make sure your application works before embedding it.
If you need more help post your application to Demo Account and open a ticket at http://support.xlinesoft.com sending your Demo Account URL. 'Demo Account' button can be found on the last screen in the program.
BeachyLife author 8/12/2011



Iframe is just a way to embed one page into another one. It's not related to 500 error. You need to make sure your application works before embedding it.
If you need more help post your application to Demo Account and open a ticket at http://support.xlinesoft.com sending your Demo Account URL. 'Demo Account' button can be found on the last screen in the program.


As always, you're right. My error in uploading the project. It's working now. Do have a related question. I'm trying to fit the webform into an existing place on the page so I'm limited to the size of the Iframe. My webform is larger than the frame so it scrolls from right to left. How do I make the webform the size I need? Thanks.
Sergey Kornilov admin 8/12/2011

It depends on many details. Post the URL of your webform here so we can see what you talking about.
BeachyLife author 8/13/2011



It depends on many details. Post the URL of your webform here so we can see what you talking about.


http://www.yourlivingwatersconnection.info/index.html
Sergey Kornilov admin 8/13/2011

You can proceed to Visual Editor, switch to HTML mode and modify the main table description the following way:
<table id="center_block1" class="main_table" cellspacing="0" cellpadding="0" align="left" style="WIDTH: 200px">
You need to make sure that all controls can be displayed properly. I.e. 'App Comments' text area needs more space. You either need to reduce the size of this field on the screen or reposition your form.
I would also suggest to make the whole page wider. In this day and age using pages 750 pixels wide doesn't make much sense.
BeachyLife author 8/14/2011



You can proceed to Visual Editor, switch to HTML mode and modify the main table description the following way:
<table id="center_block1" class="main_table" cellspacing="0" cellpadding="0" align="left" style="WIDTH: 200px">
You need to make sure that all controls can be displayed properly. I.e. 'App Comments' text area needs more space. You either need to reduce the size of this field on the screen or reposition your form.
I would also suggest to make the whole page wider. In this day and age using pages 750 pixels wide doesn't make much sense.


Thanks. The align=left did the trick. I have to leave it at 750 wide since that's the customer's desire, not mine. I just had to fit the asp code inside the existing page. The iframe seems to be the answer.
Now my next challenge is after the record is added, how to redirect directly to a "thank you" page itself, not the thank you page inside of the iframe. Any suggestions?