PageRenderTime 62ms CodeModel.GetById 29ms RepoModel.GetById 1ms app.codeStats 0ms

/webroot/scripts/dhtmlxScheduler/doc/dhtmlxscheduler/dhtmlxscheduler___external_plugin___joomla.html

https://github.com/sisun1030/CampusWave
HTML | 235 lines | 154 code | 81 blank | 0 comment | 0 complexity | 8f1f0daa7ed7eeaa7a50fdf556ee795d MD5 | raw file
    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
    3. 

  3.  lang="en" dir="ltr">
    4. 

  4. <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" href="../codebase/default.css" type="text/css" media="screen" title="no title" charset="utf-8"><title>
    5. 

  5.     dhtmlxscheduler:external_plugin:joomla    [DHX documentation]
    6. 

  6.   </title></head>
    7. 

  7. 

  8. <body>
    9. 

  9. <div class="dokuwiki">
    10. 

  10.   
    11. 

  11.   <div class="page">
    12. 

  12. 

  13. <h2><a name="dhtmlxscheduler_for_joomla" id="dhtmlxscheduler_for_joomla">dhtmlxScheduler for Joomla!</a></h2>
    14. 

  14. <div class="level2">
    15. 

  15. <ul>
    16. 

  16. <li class="level1"><div class="li"> Page at joomla.org: <a href="http://extensions.joomla.org/extensions/calendars-a-events/calendars/10363" class="urlextern" title="http://extensions.joomla.org/extensions/calendars-a-events/calendars/10363"  rel="nofollow">http://extensions.joomla.org/extensions/calendars-a-events/calendars/10363</a></div>
    17. 

  17. </li>
    18. 

  18. <li class="level1"><div class="li"> Download link: <a href="http://www.dhtmlx.com/docs/download/joomla_com_scheduler.zip" class="urlextern" title="http://www.dhtmlx.com/docs/download/joomla_com_scheduler.zip"  rel="nofollow">http://www.dhtmlx.com/docs/download/joomla_com_scheduler.zip</a></div>
    19. 

  19. </li>
    20. 

  20. </ul>
    21. 

  21. 

  22. </div>
    23. 

  23. <div class="secedit"><form class="button btn_secedit" method="post" action="/dhtmlx/docs/doku.php"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="lines" value="125-345" /><input type="hidden" name="rev" value="1280760437" /><input type="hidden" name="id" value="dhtmlxscheduler:external_plugin:joomla" /><input type="submit" value="Edit" class="button" title="dhtmlxScheduler for Joomla!" /></div></form></div>
    24. 

  24. <h3><a name="installation" id="installation">Installation</a></h3>
    25. 

  25. <div class="level3">
    26. 

  26. 

  27. <p>
    28. 

  28. 

  29. Steps to install Scheduler module
    30. 

  30. 

  31. </p>
    32. 

  32. <ol>
    33. 

  33. <li class="level1"><div class="li"> install the module </div>
    34. 

  34. </li>
    35. 

  35. <li class="level1"><div class="li"> go to the Admin panel, Components, Scheduler and adjust the settings</div>
    36. 

  36. </li>
    37. 

  37. <li class="level1"><div class="li"> go to the Menus | Main menu ( or any other menu ) and add new item “Scheduler:Default layout”</div>
    38. 

  38. </li>
    39. 

  39. </ol>
    40. 

  40. 

  41. <p>
    42. 

  42. 

  43. Now there should be an item in the menu which points to working scheduler page.
    44. 

  44. </p>
    45. 

  45. 

  46. </div>
    47. 

  47. <div class="secedit"><form class="button btn_secedit" method="post" action="/dhtmlx/docs/doku.php"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="lines" value="346-681" /><input type="hidden" name="rev" value="1280760437" /><input type="hidden" name="id" value="dhtmlxscheduler:external_plugin:joomla" /><input type="submit" value="Edit" class="button" title="Installation" /></div></form></div>
    48. 

  48. <h3><a name="admin_panel" id="admin_panel">Admin panel</a></h3>
    49. 

  49. <div class="level3">
    50. 

  50. 

  51. <p>
    52. 

  52. 

  53. Admin panel can be accessed by using <strong> Admin panel, Components, Scheduler</strong>
    54. 

  54. </p>
    55. 

  55. 

  56. <p>
    57. 

  57. <a href="dhtmlxscheduler___external_plugin___universal_plugin_control_panel.html" class="wikilink1" title="dhtmlxscheduler:external_plugin:universal_plugin_control_panel">Universal plugin control panel</a>
    58. 

  58. </p>
    59. 

  59. 

  60. </div>
    61. 

  61. <div class="secedit"><form class="button btn_secedit" method="post" action="/dhtmlx/docs/doku.php"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="lines" value="682-819" /><input type="hidden" name="rev" value="1280760437" /><input type="hidden" name="id" value="dhtmlxscheduler:external_plugin:joomla" /><input type="submit" value="Edit" class="button" title="Admin panel" /></div></form></div>
    62. 

  62. <h3><a name="user_interface" id="user_interface">User interface</a></h3>
    63. 

  63. <div class="level3">
    64. 

  64. 

  65. <p>
    66. 

  66. dhtmlxScheduler is a user-friendly event scheduler component which allows you to present and schedule any event such as board meeting, business lunch, conference call, family reunion, movie night, or any other group event. You are allowed to create, edit, delete and drag-and-drop events in the scheduler. 
    67. 

  67. </p>
    68. 

  68. 

  69. <p>
    70. 

  70.  dhtmlxScheduler manipulation is quite easy. Let’s begin. 
    71. 

  71. </p>
    72. 

  72. 

  73. <p>
    74. 

  74. First of all you should know that dhtmlxScheduler is able to schedule events for days, weeks and months. To set your time mode, you should select one of three available modes in the time mode panel located on the right side of the calendar panel. 
    75. 

  75. </p>
    76. 

  76. 

  77. <p>
    78. 

  78. Backward/forward arrows on the left side of the calendar panel allow you to move within calendar dates.  Today button enables you to turn to the current date.  The selected date period is specified behind today button. Hours scale is located on the left side of the scheduler.
    79. 

  79. </p>
    80. 

  80. 

  81. <p>
    82. 

  82. <img src="dhtmlxscheduler___scheduler_interface_.png"  class="media" alt="" />
    83. 

  83. </p>
    84. 

  84. 

  85. </div>
    86. 

  86. <div class="secedit"><form class="button btn_secedit" method="post" action="/dhtmlx/docs/doku.php"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="lines" value="820-1793" /><input type="hidden" name="rev" value="1280760437" /><input type="hidden" name="id" value="dhtmlxscheduler:external_plugin:joomla" /><input type="submit" value="Edit" class="button" title="User interface" /></div></form></div>
    87. 

  87. <h3><a name="events_manipulation" id="events_manipulation">Events Manipulation</a></h3>
    88. 

  88. <div class="level3">
    89. 

  89. 

  90. </div>
    91. 

  91. 

  92. <h4><a name="creating_a_new_event" id="creating_a_new_event">Creating a New Event</a></h4>
    93. 

  93. <div class="level4">
    94. 

  94. 

  95. <p>
    96. 

  96. To create a new event, double click on desired date field. After that “New event” window appears. 
    97. 

  97. </p>
    98. 

  98. 

  99. <p>
    100. 

  100. <img src="dhtmlxscheduler___new_event.png"  class="media" alt="" />
    101. 

  101. </p>
    102. 

  102. 

  103. <p>
    104. 

  104. Here you can enter the event name and set start and end time of the event. To save the event in the calendar, click Save button on the bottom left corner of the window. If you would like to escape this window without saving the event, click Cancel.
    105. 

  105. </p>
    106. 

  106. 

  107. <p>
    108. 

  108. One more way to create a new event is to press the left button of the mouse and drag date area to define the date period of the event. This can be done in Day, Week or Month views. 
    109. 

  109. </p>
    110. 

  110. 

  111. </div>
    112. 

  112. 

  113. <h4><a name="editing_event" id="editing_event">Editing Event</a></h4>
    114. 

  114. <div class="level4">
    115. 

  115. 

  116. <p>
    117. 

  117. 

  118. To change the event details, click on the event box. A small bar will appear on the left of the event box. Click the appropriate button to edit event name or details, or delete the event. 
    119. 

  119. </p>
    120. 

  120. 

  121. <p>
    122. 

  122. <img src="dhtmlxscheduler___edit_event.png"  class="media" alt="" />
    123. 

  123. </p>
    124. 

  124. 

  125. <p>
    126. 

  126. When you click Details button, a window with event details appears. It&#039;s the same window as you&#039;ve seen when you created an event - here you can change event description and time period. To call this window, you can also double-click on the necessary event box. 
    127. 

  127. </p>
    128. 

  128. 

  129. <p>
    130. 

  130. To change event date and time, you can also drag the event box in Week/Month View to the necessary date field. In Day View you can change the event time by dragging the event box and changing its size. 
    131. 

  131. </p>
    132. 

  132. 

  133. </div>
    134. 

  134. 

  135. <h4><a name="setting_a_multiday_event" id="setting_a_multiday_event">Setting a Multiday Event</a></h4>
    136. 

  136. <div class="level4">
    137. 

  137. 

  138. <p>
    139. 

  139. There is a possibility to set a multiday event. You can do it in “New event” window when you set start and end dates of the event.
    140. 

  140. </p>
    141. 

  141. 

  142. <p>
    143. 

  143. <img src="dhtmlxscheduler___multiday_event.png"  class="media" alt="" />
    144. 

  144. </p>
    145. 

  145. 

  146. </div>
    147. 

  147. 

  148. <h4><a name="drag-and-drop_in_dhtmlxscheduler" id="drag-and-drop_in_dhtmlxscheduler">Drag-and-Drop in dhtmlxScheduler</a></h4>
    149. 

  149. <div class="level4">
    150. 

  150. 

  151. <p>
    152. 

  152. dhtmlxScheduler supports drag-and-drop, thus you are allowed to move and resize a created event within calendar area accordingly to your needs.
    153. 

  153. </p>
    154. 

  154. 

  155. </div>
    156. 

  156. 

  157. <h4><a name="deleting_an_event" id="deleting_an_event">Deleting an Event</a></h4>
    158. 

  158. <div class="level4">
    159. 

  159. 

  160. <p>
    161. 

  161. There are two ways to delete an event:
    162. 

  162. 

  163. </p>
    164. 

  164. <ol>
    165. 

  165. <li class="level1"><div class="li"> Click the appropriate button in the left bar of the event.</div>
    166. 

  166. </li>
    167. 

  167. <li class="level1"><div class="li"> Call Details window and click Delete button on the bottom right corner.</div>
    168. 

  168. </li>
    169. 

  169. </ol>
    170. 

  170. 

  171. </div>
    172. 

  172. <div class="secedit"><form class="button btn_secedit" method="post" action="/dhtmlx/docs/doku.php"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="lines" value="1794-3752" /><input type="hidden" name="rev" value="1280760437" /><input type="hidden" name="id" value="dhtmlxscheduler:external_plugin:joomla" /><input type="submit" value="Edit" class="button" title="Events Manipulation" /></div></form></div>
    173. 

  173. <h3><a name="full_sreen_view" id="full_sreen_view">Full Sreen View</a></h3>
    174. 

  174. <div class="level3">
    175. 

  175. 

  176. <p>
    177. 

  177. 

  178. To expand the shceduler to the full screen view, click the button on the top right corner. Another click on this button will return the scheduler to the standard view.
    179. 

  179. </p>
    180. 

  180. 

  181. <p>
    182. 

  182. <img src="dhtmlxscheduler___full_screen.png"  class="media" alt="" />
    183. 

  183. </p>
    184. 

  184. 

  185. </div>
    186. 

  186. <div class="secedit"><form class="button btn_secedit" method="post" action="/dhtmlx/docs/doku.php"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="lines" value="3753-" /><input type="hidden" name="rev" value="1280760437" /><input type="hidden" name="id" value="dhtmlxscheduler:external_plugin:joomla" /><input type="submit" value="Edit" class="button" title="Full Sreen View" /></div></form></div>
    187. 

  187.     
    188. 

  188.   </div>
    189. 

  189. 

  190.   <div class="clearer">&nbsp;</div>
    191. 

  191. 

  192.   
    193. 

  193.   <div class="stylefoot">
    194. 

  194. 

  195.     <div class="meta">
    196. 

  196.       <div class="user">
    197. 

  197.               </div>
    198. 

  198.      
    199. 

  199. 

  200.    
    201. 

  201.     
    202. 

  202.       
    203. 

  203.         
    204. 

  204.         
    205. 

  205.       
    206. 

  206.       
    207. 

  207.         
    208. 

  208.         
    209. 

  209.         
    210. 

  210.         
    211. 

  211.         
    212. 

  212.         
    213. 

  213.         
    214. 

  214.       
    215. 

  215.       
    216. 

  216.     
    217. 

  217. 

  218.   </div>
    219. 

  219. 

  220.   
    221. 

  221. 

  222. </div>
    223. 

  223. 

  224. <div class="footerinc">
    225. 

  225. 

  226. 

  227. </div>
    228. 

  228. 

  229. <div class="no"><img src="/dhtmlx/docs/lib/exe/indexer.php?id=dhtmlxscheduler%3Aexternal_plugin%3Ajoomla&amp;1283185495" width="1" height="1" alt=""  /></div>
    230. 

  230.      <div class="footer">
    231. 

  231.         <img class="footer-logo" src="codebase/tpl/dhtmlx/images/footer-logo.gif" />
    232. 

  232.         <div class="copyright">Copyright © 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
    233. 

  233.         <form class="button btn_edit" method="post" action="/dhtmlx/docs/doku.php"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="" /><input type="hidden" name="id" value="dhtmlxscheduler:external_plugin:joomla" /><input type="submit" value="Edit this page" class="button" accesskey="e" title="Edit this page [E]" /></div></form>    	    </div>
    234. 

  234. </body>
    235. 

  235. </html>
    236. 

  236.