Advanced Search

@fractastical jQuery Dialog VF Page

/ Published in: Other
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <div id="addTask" style="display: none" >  
  2.  
  3.               <apex:outputpanel id="atd">  
  4.  
  5.                   <h2>New Task</h2>
  6.  
  7.                     <apex:form >
  8.                             <apex:panelGrid columns="2" width="85%">
  9.  
  10.                                  <apex:outputLabel value="Name"/><apex:inputText value="{!newTask.name}" size="21"   />
  11.                                  <apex:outputLabel value="Description"/><apex:inputField value="{!newTask.Description__c}" />
  12.                                  <apex:outputLabel value="Assign to"/>
  13.                                  <apex:inputField value="{!newTask.Assigned_To__c}" />
  14.  
  15.  
  16.                                   <apex:commandButton action="{!addNewTask}" 
  17.                                                oncomplete="$('#addTask').dialog('close')" value="Create this Task" rerender="recordsection,msgs" /> 
  18.                                   <apex:commandButton value="Cancel" immediate="true" 
  19.                                                oncomplete="$('#addTask').dialog('close')"/>
  20.                              </apex:panelGrid>
  21.                    </apex:form>
  22.  
  23.                </apex:outputpanel> 
  24.  
  25.        </div> <!-- addTask -->
  26.  
  27. ***
  28.  
  29.                     <script type="text/javascript">
  30.  
  31.                            $(function(){      
  32.  
  33.                                 $("#addTask").dialog({
  34.                                     autoOpen: false,
  35.                                     modal: true,
  36.                                     closeable: false,
  37.                                     resizable: false,
  38.                                     width: 600
  39.                                 });
  40.  
  41.                             });
  42.  
  43.                       </script>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.