@fractastical jQuery Dialog VF Page


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



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.