grouptabs.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>GroupTabs Example</title>
  6. <!-- Ext -->
  7. <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
  8. <link rel="stylesheet" type="text/css" href="../shared/example.css" />
  9. <link rel="stylesheet" type="text/css" href="../portal/portal.css" />
  10. <link rel="stylesheet" type="text/css" href="../ux/css/GroupTabPanel.css" />
  11. <!-- GC -->
  12. <script type="text/javascript" src="../../ext.js"></script>
  13. <script type="text/javascript" src="all-classes.js"></script>
  14. <!-- shared example code -->
  15. <script type="text/javascript" src="../shared/examples.js"></script>
  16. <script type="text/javascript">
  17. Ext.Loader.setPath({
  18. 'Ext.ux': '../ux/',
  19. 'Ext.app': '../portal/classes/'
  20. });
  21. Ext.require([
  22. 'Ext.Viewport',
  23. 'Ext.data.JsonStore',
  24. 'Ext.tip.QuickTipManager',
  25. 'Ext.tab.Panel',
  26. 'Ext.ux.GroupTabPanel',
  27. 'Ext.grid.*',
  28. 'Ext.app.PortalColumn',
  29. 'Ext.app.PortalDropZone',
  30. 'Ext.app.Portlet',
  31. 'Ext.app.GridPortlet',
  32. 'Ext.app.PortalPanel',
  33. 'Ext.app.ChartPortlet'
  34. ]);
  35. </script>
  36. <script type="text/javascript" src="grouptabs.js"></script>
  37. <!-- page specific -->
  38. <style type="text/css">
  39. /* styles for iconCls */
  40. .x-icon-tickets {
  41. background-image: url('images/tickets.png');
  42. }
  43. .x-icon-subscriptions {
  44. background-image: url('images/subscriptions.png');
  45. }
  46. .x-icon-users {
  47. background-image: url('images/group.png');
  48. }
  49. .x-icon-templates {
  50. background-image: url('images/templates.png');
  51. }
  52. </style>
  53. </head>
  54. <body></body>
  55. </html>