Menu

Form layout help...

Help
nycpicasso
2008-11-03
2013-06-03
  • nycpicasso

    nycpicasso - 2008-11-03

    Can anyone tell me how to adjust the layout look of the form. I know that you can adjust the css code but this as far as I have gotten http://gallerymolina.com/form.html and I want the layout to look like this. Is the java script involved? One more thing, How do you get a title in the drop down menu bar like the page that I want my form to look like?

    Thanks

     
    • TNTEverett

      TNTEverett - 2008-11-03

      You can make the form like anyway you wish.  It is just simple HTML code.  The only things you want to keep are the Javascript for checking form input prior to submission and the form field names.  Everything else including whether or not you use the CSS file is up to you. 

       
    • nycpicasso

      nycpicasso - 2008-11-03

      What about the title in the drop down menu bar. One more thing if I may, I want to setup the Thank you reply page to look like my site with a thank you reply but I noticed that in the confirm.html it has the java script in it, do I have to leave that in there for any reason or can I just make my own confirmation page?

      Thanks for the quick reply TNTEverett!

       
      • TNTEverett

        TNTEverett - 2008-11-03

        I'm not sure I know what you mean "title in the drop down menu bar".  The form file is simple HTML.  Do what you want with it.  Otherwise you will have to be more specific so I know what you are talking about. 

        The confirmation page can be anything you want.  The easiest thing to do is replace the confirm.html page with the one you want.  Otherwise change the confirm.html file name inside and at the end of the processor.php file to the file name you created. 

         
    • nycpicasso

      nycpicasso - 2008-11-03

      For instance, I have a "How did you hear about us?" selection with a drop down menu on my form and I have seen this drop down menu with a "title description of the btn" on it before you make a selection.

      Please click on this link to see what I am talking about, it will be the "Type of account:" btn
      http://www.eglobalbsi.com/merchant_application.html

      Thanks

       
      • TNTEverett

        TNTEverett - 2008-11-03

        Are you talking about the default text "Select from the list"?

        The HTML code from that page looks like this:
        <SELECT name="acct_type" class="input1" onFocus="this.className='input2';" onBlur="this.className='input1';" style="font-weight: 700">
        <OPTION VALUE="Select from the list">Select from the list
        <OPTION VALUE="Retail_Restaurant">Retail/Restaurant
        <OPTION VALUE="Internet">Internet
        <OPTION VALUE="Mail_phone_Acct">Mail Order/Phone Order
        <OPTION VALUE="Mobile">Mobile Business
        <OPTION VALUE="other">Other
        </SELECT>

        In your form State: pull down option you have this:
        <select class=mainForm name=field_7 id=field_7>
        <option value=''> </option>
        <option value="Alabama">Alabama</option>
        <option value="Alaska">Alaska</option>
        .....
        </select>

        See how the first option is blank?  You will still want the value to be blank but you can put in a text string like this:

        <select class=mainForm name=field_7 id=field_7>
        <option value=''>Choose Your State</option>
        <option value="Alabama">Alabama</option>
        <option value="Alaska">Alaska</option>
        .....
        </select>

        The text will show on your page but the value will still be blank so the javascript value checking will still work if someone fails to fill in the required field. 

         
    • nycpicasso

      nycpicasso - 2008-11-03

      Thank you very much, I will try that

       
    • nycpicasso

      nycpicasso - 2008-11-03

      Perfect! Thank you very much...

      I would like to learn more about PHP, can you recommend any good site?

      Again, thanks for your help!

       
      • TNTEverett

        TNTEverett - 2008-11-03

        www.php.net
        www.w3schools.com/php/php

         
    • nycpicasso

      nycpicasso - 2008-11-03

      Once again, thanks for all your help TNTEverett

       

Log in to post a comment.

Want the latest updates on software, tech news, and AI?
Get latest updates about software, tech news, and AI from SourceForge directly in your inbox once a month.