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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.