+ Start a Discussion
Geoff SpozettaGeoff Spozetta 

Form Display

Hi All,

I'm trying to put together a simple form following the documentation and I've run into a block - I am seeing 2 save buttons, and there is no space for [User-added image]  input fields, although these are defined below (in bold): Not sure why this is occurring. Could I get some pointers?

 User-added image
 
<apex:page showHeader="false" standardController="innovation_orders__c">
 
 
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content=""/>
    <meta name="author" content=""/>
 
 
    <title>| ordering portal</title>
 
    <!-- Bootstrap core CSS -->
    <apex:stylesheet value="{!URLFOR($Resource.bootstrap, '/css/bootstrap.min.css')}" />
 
    <!-- Custom styles for this template -->
    <apex:stylesheet value="{!URLFOR($Resource.bootstrapjumbo)}" />
 
   
 
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
 
  <body>
 
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand">Welcome {!$User.FirstName} to the nbn™|innovations ordering portal.</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <form class="navbar-form navbar-right">
          <p> style="color:white"
            <div class="form-group"/>  
 
            </p>
           
          </form>
        </div><!--/.navbar-collapse -->
      </div>
    </nav>
 
    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron">
      <div class="container">
        <h1>nbn™|innovations</h1>
        <p>Bringing you the latest .</p>
  
      </div>
    </div>
 
    <div class="container">
      <!-- Example row of columns -->
      <div class="row">
        <div class="col-md-4">
          <h2>Ordering</h2>
          <p>
          <apex:form>
          <apex:pageBlock >
          <apex:pageMessages />
        <apex:pageBlockButtons >
            <apex:commandButton action="{!save}" value="Save" id="theButton"/>
          </apex:pageBlockButtons >
        <apex:pageBlockTable value="{!innovation_orders__c}" var="i">
                 <apex:inputField value="{!i.site_name__c}" />
          <apex:inputField value="{!i.Requested_Start_Date__c}" />
          <apex:inputField value="{!i.Requested_Speed__c}" />
          <apex:inputField value="{!i.Location_ID__c}" />
                
        </apex:pageBlockTable>
          </apex:pageBlock>
          </apex:form>
          </p>
         
        </div>
        <div class="col-md-4">
          <h2><c:contentblock name="grid-heading-centre"/></h2>
          <p><c:contentblock name="grid-centre"/> </p>
       
       </div>
        <div class="col-md-4">
          <h2><c:contentblock name="grid-heading-right"/></h2>
          <p><c:contentblock name="grid-right"/></p>
       
        </div>
      </div>
 
      <hr></hr>
 
      <footer>
        <p; Company 2014</p>
      </footer>
    </div> <!-- /container -->
   
 
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="../../dist/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>
</apex:page>