--- /dev/null
+<html>
+<head>
+<link REL="stylesheet" TYPE="text/css">
+</head>
+
+<body>
+<div id="_UID_main" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"><img src="img/header.png" />
+
+ <div id="_UID_features" style="top: 62px; width: 200px; position: absolute; overflow: auto; left: 0;" location="tree">
+ <div style="width: 100%; height: 100%; border: 1px solid red;">tree</div>
+ </div>
+
+ <div id="_UID_demo" style="overflow: auto; position: absolute; top: 62px; left: 215px; ">
+ <table width="100%" height="100%" cellspacing="0" cellpadding="0"
+ border="0">
+ <tbody>
+ <tr>
+ <td valign="middle" align="center">
+ <table>
+ <tbody>
+ <tr>
+ <td style="text-align: left;" location="demo">
+ <div style="width: 100%; height: 100%; border: 1px solid red;">demo</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <div id="_UID_tabs" style="overflow: hidden; position: absolute; left: 215px;" location="tabsheet">
+ <div style="width: 100%; height: 100%; border: 1px solid red;">tabsheet</div>
+ </div>
+
+ <img id="_UID_prop-toggle" src="img/show_properties.png" style=" top: 23px; position: absolute;"/>
+
+ <div id="_UID_props" style="overflow: hidden; position: absolute; top: 23px; width: 0px;" location="properties">
+ <div style="width: 100%; height: 100%; border: 1px solid red;">properties</div>
+ </div>
+
+ <div id="_UID_cntr"
+ style="overflow: hidden; position: absolute; bottom: 10px; left: 0pt; width: 200px; height: 50px;">
+ <table width="100%" height="100%" border="0">
+ <tbody>
+ <tr>
+ <td width="50%" valign="middle" align="center" id="_UID_cntr-left" location="themes">themes</td>
+ <td width="50%" valign="middle" align="center" id="_UID_cntr-right" location="restart">restart</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <img id="_UID_divider" src="img/tab_handle.png" style="position: absolute;" />
+
+</div>
+
+
+<script type="text/javascript">
+
+/** Recalculate feature browser main layout dimensions for all components */
+_UID_layout = function() {
+
+ // Then animations are needed, this will be reset to true
+ var animationNeeded = false;
+
+ // References to all elements
+ var mainDiv = document.getElementById("_UID_main");
+ if (mainDiv == null) { alert("maindiv is null"); return;}
+ var featuresDiv = document.getElementById("_UID_features");
+ var demoDiv = document.getElementById("_UID_demo");
+ var tabsDiv = document.getElementById("_UID_tabs");
+ var propertiesDiv = document.getElementById("_UID_props");
+ var controlDiv = document.getElementById("_UID_cntr");
+ var dividerDiv = document.getElementById("_UID_divider");
+
+ // Logobar height
+ var logoBarHeight = 62;
+
+ // Get whole window contents size
+ document.body.style.padding = 0;
+ document.body.style.margin = 0;
+ document.body.style.position = "absolute";
+ document.body.style.height = "100%";
+ document.body.style.width = "100%";
+ var width = document.body.offsetWidth;
+ var height = document.body.offsetHeight;
+ mainDiv.style.height = height + "px";
+ mainDiv.style.width = width + "px";
+
+ // Recalc features div dimensions
+ var featuresWidth = 200;
+ var controlHeight = 50;
+ featuresDiv.style.top="" + logoBarHeight + "px";
+ featuresDiv.style.width="" + featuresWidth + "px";
+ featuresDiv.style.height="" + (height-controlHeight-logoBarHeight) + "px";
+
+ // Recalc properties div dimensions
+ if (typeof propertiesDiv.targetWidth == 'undefined') propertiesDiv.targetWidth = 0;
+ var propWidth = Math.floor((propertiesDiv.offsetWidth + propertiesDiv.targetWidth)/2);
+ if (Math.abs(propWidth - propertiesDiv.targetWidth) <= 1) propWidth = propertiesDiv.targetWidth;
+ if (propWidth >width-featuresWidth) propWidth = width-featuresWidth;
+ if (propWidth < 0) propWidth = 0;
+ if ((propWidth+1) != (propertiesDiv.targetWidth+1)) animationNeeded=true;
+ var centerWidth = width - propWidth - featuresWidth - 40;
+ propertiesDiv.style.position="absolute";
+ propertiesDiv.style.overflow="hidden";
+ propertiesDiv.style.top="" + 23 + "px";
+ propertiesDiv.style.left="" + (centerWidth + featuresWidth + 40) + "px";
+ propertiesDiv.style.width=propWidth + "px";
+ propertiesDiv.style.height="" + (height - 23) + "px";
+ var buttonDiv = document.getElementById("_UID_prop-toggle");
+ buttonDiv.style.left = "" + (centerWidth + featuresWidth - 20 + 40) + "px"
+ if (propWidth == 0) { //buttonDiv.src = buttonDiv.showPng;
+ buttonDiv.style.height = "92px"; }
+ if (propWidth == propertiesDiv.maxWidth) { //buttonDiv.src = buttonDiv.hidePng;
+ buttonDiv.style.height = "23px"; }
+ buttonDiv.onclick = function() {
+ var propertiesDiv = document.getElementById("_UID_props");
+ propertiesDiv.targetWidth = propertiesDiv.targetWidth == 0 ? 265 : 0;
+ _UID_layout();
+ };
+
+ // Recalc divider div dimensions
+ if (typeof dividerDiv.demoHeight == 'undefined') dividerDiv.demoHeight = Math.floor(height/2);
+ if (dividerDiv.isActive) {
+ dividerDiv.demoHeight = dividerDiv.mouseY-10 - logoBarHeight;
+ if (dividerDiv.demoHeight < 0) dividerDiv.demoHeight = 0;
+ } else {
+ if (dividerDiv.demoHeight + logoBarHeight > height - 20) dividerDiv.demoHeight = height - 20 - logoBarHeight;
+ if (dividerDiv.demoHeight < 0) dividerDiv.demoHeight = 0;
+ }
+ var dividerHeight = 17;
+ dividerDiv.style.position="absolute";
+ dividerDiv.style.overflow="hidden";
+ dividerDiv.style.top="" + (dividerDiv.demoHeight + logoBarHeight)+ "px";
+ dividerDiv.style.left="" + (15+featuresWidth+Math.round((centerWidth-137)/2)) +"px";
+ dividerDiv.style.width="" + 137 + "px";
+ dividerDiv.style.height="" + dividerHeight + "px";
+
+ // Recalc tabs div dimensions
+ tabsDiv.style.position="absolute";
+ tabsDiv.style.overflow="hidden";
+ tabsDiv.style.top="" + (dividerDiv.demoHeight + dividerHeight + logoBarHeight) + "px";
+ tabsDiv.style.left="" + (featuresWidth + 15) + "px";
+ tabsDiv.style.width="" + centerWidth + "px";
+ tabsDiv.style.height="" + (height - dividerDiv.demoHeight - dividerHeight - logoBarHeight) + "px";
+ _UID_updateTabs();
+
+ // Recalc demo div dimensions
+ demoDiv.style.position="absolute";
+ demoDiv.style.overflow="auto";
+ demoDiv.style.top="" + logoBarHeight + "px";
+ demoDiv.style.left="" + (featuresWidth + 15) + "px";
+ demoDiv.style.width="" + centerWidth + "px";
+ demoDiv.style.height="" + dividerDiv.demoHeight + "px";
+
+ // Recalc control div dimensions
+ // TODO, make floating
+ controlDiv.style.position="absolute";
+ controlDiv.style.overflow="hidden";
+ controlDiv.style.top="" + (height - controlHeight) + "px";
+ controlDiv.style.left="0";
+ controlDiv.style.width="" + featuresWidth + "px";
+ controlDiv.style.height="" + controlHeight + "px";
+
+ if (animationNeeded) {
+ setTimeout("_UID_layout()",30);
+ }
+};
+
+/** Recalculate tabs content width */
+_UID_updateTabs = function() {
+ try {
+ var tabsDiv = document.getElementById("_UID_tabs");
+ var tabsComponent = itmill.themes.Demo.prototype._UID_elemByIndex(tabsDiv.childNodes,0);
+ if (tabsComponent == null) return;
+ var tabs = itmill.themes.Demo.prototype._UID_elemByIndex(tabsComponent.childNodes,0);
+ if (tabs == null) return;
+ var content = itmill.themes.Demo.prototype._UID_elemByIndex(tabsComponent.childNodes,1);
+ if (content == null) return;
+ content.style.height="" + (tabsDiv.offsetHeight - tabs.offsetHeight-13) + "px";
+ content.style.borderBottom="0";
+ content.style.overflow='auto';
+ var iframe = content.getElementsByTagName("iframe").item(0);
+ if (iframe != null) {
+ content.style.overflow='hidden';
+ content.style.padding='0';
+ content.style.height="" + (tabsDiv.offsetHeight - tabs.offsetHeight) + "px";
+ iframe.height=content.style.height;
+ iframe.style.border='0';
+ }
+ } catch (e) {}
+};
+
+/** Helper method. Get element from node array by index */
+_UID_elemByIndex = function(nodeArray, index) {
+ if (typeof nodeArray == 'undefined' || nodeArray == null) return null;
+ var i=0;
+ while (index>=0 && i < nodeArray.length) {
+ while(i < nodeArray.length && nodeArray[i].nodeType != Node.ELEMENT_NODE) i++;
+ if (index == 0) return nodeArray[i];
+ index--; i++;
+ }
+ return null;
+}
+
+_UID_dividerUpdate = function() {
+ var dividerDiv = document.getElementById("_UID_divider");
+ var div = document.getElementById("_UID_main");
+ dividerDiv.isActive = true;
+ div.onmouseup = function() {
+ dividerDiv.isActive = false;
+ div.onmouseup = null;
+ div.onmousemove = null;
+ }
+ div.onmousemove = function(e) {
+ dividerDiv.mouseY = typeof e != 'undefined' ? e.clientY : window.event.clientY;
+ _UID_layout();
+ }
+ return false;
+};
+
+_UID_initFeatureBrowserLayout = function() {
+ var dividerDiv = document.getElementById("_UID_divider");
+ if (dividerDiv == null) alert("no divider div");
+ dividerDiv.isActive = false;
+ dividerDiv.onmousedown = _UID_dividerUpdate;
+
+ window.onresize=_UID_layout;
+ _UID_layout();
+};
+
+_UID_initFeatureBrowserLayout();
+
+</script>
+
+</body>
+</html>
\ No newline at end of file
--- /dev/null
+button {\r
+ border: 1px solid red;\r
+}
\ No newline at end of file
--- /dev/null
+
+<h3>Contact Sales</h3>
+<p>
+Do you want us to send you an offer? Or have our sales team contact
+you on another matter? Please fill out the enclosed form and we'll get
+back to you as soon as possible. You can also call us or send us an
+e-mail.
+</p>
+
+<h3>Report a Bug</h3>
+<p>
+If you have found an issue with IT Mill Toolkit, demo applications or
+documentation, please report it to us. Fill out the following form to
+send us any relevant information about the issue.
+Click here
+</p>
+
+<h3>A job for a real expert</h3>
+<p>
+We are always interested in new and keen talents! Finnish language
+skills are required so please fill out the application form.
+Click here for the form
+</p>
+
+<h3>You feedback is always welcome</h3>
+<p>
+Please give us feedback on our site, products and services. We are
+happy to receive positive as well as negative comments as they help us
+improve ourselves even further!
+</p>
--- /dev/null
+
+<h3>Developers</h3>
+
+<p>
+This section contains information for developers using IT Mill Toolkit
+to create Java web applications.
+</p>
+
+<p>
+Start by reading the example application walk-through, get familiar
+with the application structure and install the development environment.
+</p>
+
+<p>
+Simple. You'll be ready to build your own Ajax web applications in
+Java language.
+</p>
--- /dev/null
+
+<h3>News</h3>
+
+<p>
+IT Mill was founded in 2000 to develop this new programming paradigm
+that would support the creation of real user interfaces for real
+application using real programming languages.
+</p>
+
+<p>
+IT Mill has been offering high-quality expert services to support its
+customers' software development from the start. This model has made it
+possible for the company to grow and develop realistically and solely
+on net income.
+</p>
+
+<p>
+The development of company's proprietary MillstoneTM technology
+started at the end of 2000 in cooperation with Tekes, the National
+Technology Agency of Finland. The first new Millstone customer
+applications were launched already in 2001.
+</p>
+
+<p>
+Version 3.0 of the Millstone user interface library was published
+using an open LGPL license in December 2002, making it possible to use
+the library free of charge all around the world.
+</p>
+
+<p>
+Until 2005 more than 50 % of IT Mill's turnover was derived from sales
+of Millstone specialist services, with the rest coming from sales of
+other software development services and outsourcing services.
+</p>
+
+<p>
+In late 2006 IT Mill ensured funding of the new generation of
+Millstone. IT Mill Toolkit was released in early 2007.
+</p>
+
--- /dev/null
+
+<h3>Top 5 reasons to choose IT Mill Toolkit</h3>
+
+<p>
+1. High compatibility with web browsers and application servers
+</p>
+
+<p>
+2. Real savings in cross-browser application development and testing
+</p>
+
+<p>
+3. Ready-made components that make applications easy to maintain
+and easy to extend
+</p>
+
+<p>
+4. Supports all stages of the application development cycle from
+design to maintenance
+</p>
+
+<p>
+5. Proven in production - since 2001
+</p>
+
--- /dev/null
+
+<h3>Support</h3>
+
+<p>
+IT Mill offers a service, one that is expert, flexible and reliable.
+We cover the gamut of software development - we are technology
+consultants, a turnkey systems providers, a support center for the
+customer's internal product development.
+</p>
+
+<p>
+We offer maintenance as well as additional development services for
+all the software we build. However, it is one of our principles that
+the customer should always be free to solicit competing bids for
+further development and software maintenance.
+</p>
--- /dev/null
+
+<h3>Welcome</h3>
+
+<p>
+IT Mill is a specialist in enterprise web user interface design and
+technology. We offer a variety of products and services for enterprise
+application user interface design, -analysis and -implementation. Our
+flagship product is IT Mill Toolkit - a server-side component
+framework for Java EE. IT Mill Toolkit enables creation of highly
+usable browser applications in real Java.
+</p>
+
+<p>
+IT Mill Toolkit is a web user interface framework for developing
+high-quality web applications for enterprise and professional use. By
+using standard Java tools and the enterprise environment (Java EE -
+formerly J2EE) we have created the most elegant and complete
+architecture for developing user interfaces for web business
+applications - for your benefit.
+</p>
\ No newline at end of file
--- /dev/null
+
+<!-- Toolkit components are placed with divs that have matching
+location tag -->
+
+<table>
+ <tr>
+ <td><img src="icon_intro.png" /></td>
+ <td width="80%"><b>This is an example application that uses custom layouts</b></td>
+ <td align="right">
+ <!-- login components -->
+ <table align="right">
+ <tr>
+ <td><div location="loginUser"></div></td>
+ <td><div location="loginPassword"></div></td>
+ <td><div style="width:100px;margin-top:1em" location="loginButton"></div></td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+</table>
+
+<table>
+ <tr>
+ <!-- menu component -->
+ <td valign="top" width="150">
+ <div location="menu"></div>
+ </td>
+ <!-- body component, updated by menu clicked event -->
+ <td valign="top">
+ <div location="body"></div>
+ </td>
+ </tr>
+</table>
--- /dev/null
+button.important-link {\r
+ border: 0px;\r
+ text-align: left;\r
+ text-decoration: underline;\r
+ background: none;\r
+ font-weight: bold;\r
+}\r
+button.selected-link {\r
+ border: 0px;\r
+ text-align: left;\r
+ text-decoration: underline;\r
+ background: #183C6B;\r
+ font-weight: bold;\r
+ color: white;\r
+}\r
};\r
</script>\r
<script src="http://maps.google.com/maps?file=api&v=2" type="text/javascript"></script>\r
- <script language='javascript' src='com.itmill.toolkit.demo.reservation.gwt.WidgetSet/com.itmill.toolkit.demo.reservation.gwt.WidgetSet.nocache.js'></script>\r
- <link REL="stylesheet" TYPE="text/css" HREF="/toolkit/theme/reservr/styles.css">\r
+ <script language='javascript' src='ITK-INF/widgetsets/com.itmill.toolkit.demo.reservation.gwt.WidgetSet/com.itmill.toolkit.demo.reservation.gwt.WidgetSet.nocache.js'></script>\r
+ <link REL="stylesheet" TYPE="text/css" HREF="/toolkit/ITK-INF/theme/reservr/styles.css">\r
</head>\r
<body>\r
<iframe id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>\r
+++ /dev/null
-<html>
-<head>
-<link REL="stylesheet" TYPE="text/css">
-</head>
-
-<body>
-<div id="_UID_main" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"><img src="img/header.png" />
-
- <div id="_UID_features" style="top: 62px; width: 200px; position: absolute; overflow: auto; left: 0;" location="tree">
- <div style="width: 100%; height: 100%; border: 1px solid red;">tree</div>
- </div>
-
- <div id="_UID_demo" style="overflow: auto; position: absolute; top: 62px; left: 215px; ">
- <table width="100%" height="100%" cellspacing="0" cellpadding="0"
- border="0">
- <tbody>
- <tr>
- <td valign="middle" align="center">
- <table>
- <tbody>
- <tr>
- <td style="text-align: left;" location="demo">
- <div style="width: 100%; height: 100%; border: 1px solid red;">demo</div>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
-
- <div id="_UID_tabs" style="overflow: hidden; position: absolute; left: 215px;" location="tabsheet">
- <div style="width: 100%; height: 100%; border: 1px solid red;">tabsheet</div>
- </div>
-
- <img id="_UID_prop-toggle" src="img/show_properties.png" style=" top: 23px; position: absolute;"/>
-
- <div id="_UID_props" style="overflow: hidden; position: absolute; top: 23px; width: 0px;" location="properties">
- <div style="width: 100%; height: 100%; border: 1px solid red;">properties</div>
- </div>
-
- <div id="_UID_cntr"
- style="overflow: hidden; position: absolute; bottom: 10px; left: 0pt; width: 200px; height: 50px;">
- <table width="100%" height="100%" border="0">
- <tbody>
- <tr>
- <td width="50%" valign="middle" align="center" id="_UID_cntr-left" location="themes">themes</td>
- <td width="50%" valign="middle" align="center" id="_UID_cntr-right" location="restart">restart</td>
- </tr>
- </tbody>
- </table>
- </div>
-
- <img id="_UID_divider" src="img/tab_handle.png" style="position: absolute;" />
-
-</div>
-
-
-<script type="text/javascript">
-
-/** Recalculate feature browser main layout dimensions for all components */
-_UID_layout = function() {
-
- // Then animations are needed, this will be reset to true
- var animationNeeded = false;
-
- // References to all elements
- var mainDiv = document.getElementById("_UID_main");
- if (mainDiv == null) { alert("maindiv is null"); return;}
- var featuresDiv = document.getElementById("_UID_features");
- var demoDiv = document.getElementById("_UID_demo");
- var tabsDiv = document.getElementById("_UID_tabs");
- var propertiesDiv = document.getElementById("_UID_props");
- var controlDiv = document.getElementById("_UID_cntr");
- var dividerDiv = document.getElementById("_UID_divider");
-
- // Logobar height
- var logoBarHeight = 62;
-
- // Get whole window contents size
- document.body.style.padding = 0;
- document.body.style.margin = 0;
- document.body.style.position = "absolute";
- document.body.style.height = "100%";
- document.body.style.width = "100%";
- var width = document.body.offsetWidth;
- var height = document.body.offsetHeight;
- mainDiv.style.height = height + "px";
- mainDiv.style.width = width + "px";
-
- // Recalc features div dimensions
- var featuresWidth = 200;
- var controlHeight = 50;
- featuresDiv.style.top="" + logoBarHeight + "px";
- featuresDiv.style.width="" + featuresWidth + "px";
- featuresDiv.style.height="" + (height-controlHeight-logoBarHeight) + "px";
-
- // Recalc properties div dimensions
- if (typeof propertiesDiv.targetWidth == 'undefined') propertiesDiv.targetWidth = 0;
- var propWidth = Math.floor((propertiesDiv.offsetWidth + propertiesDiv.targetWidth)/2);
- if (Math.abs(propWidth - propertiesDiv.targetWidth) <= 1) propWidth = propertiesDiv.targetWidth;
- if (propWidth >width-featuresWidth) propWidth = width-featuresWidth;
- if (propWidth < 0) propWidth = 0;
- if ((propWidth+1) != (propertiesDiv.targetWidth+1)) animationNeeded=true;
- var centerWidth = width - propWidth - featuresWidth - 40;
- propertiesDiv.style.position="absolute";
- propertiesDiv.style.overflow="hidden";
- propertiesDiv.style.top="" + 23 + "px";
- propertiesDiv.style.left="" + (centerWidth + featuresWidth + 40) + "px";
- propertiesDiv.style.width=propWidth + "px";
- propertiesDiv.style.height="" + (height - 23) + "px";
- var buttonDiv = document.getElementById("_UID_prop-toggle");
- buttonDiv.style.left = "" + (centerWidth + featuresWidth - 20 + 40) + "px"
- if (propWidth == 0) { //buttonDiv.src = buttonDiv.showPng;
- buttonDiv.style.height = "92px"; }
- if (propWidth == propertiesDiv.maxWidth) { //buttonDiv.src = buttonDiv.hidePng;
- buttonDiv.style.height = "23px"; }
- buttonDiv.onclick = function() {
- var propertiesDiv = document.getElementById("_UID_props");
- propertiesDiv.targetWidth = propertiesDiv.targetWidth == 0 ? 265 : 0;
- _UID_layout();
- };
-
- // Recalc divider div dimensions
- if (typeof dividerDiv.demoHeight == 'undefined') dividerDiv.demoHeight = Math.floor(height/2);
- if (dividerDiv.isActive) {
- dividerDiv.demoHeight = dividerDiv.mouseY-10 - logoBarHeight;
- if (dividerDiv.demoHeight < 0) dividerDiv.demoHeight = 0;
- } else {
- if (dividerDiv.demoHeight + logoBarHeight > height - 20) dividerDiv.demoHeight = height - 20 - logoBarHeight;
- if (dividerDiv.demoHeight < 0) dividerDiv.demoHeight = 0;
- }
- var dividerHeight = 17;
- dividerDiv.style.position="absolute";
- dividerDiv.style.overflow="hidden";
- dividerDiv.style.top="" + (dividerDiv.demoHeight + logoBarHeight)+ "px";
- dividerDiv.style.left="" + (15+featuresWidth+Math.round((centerWidth-137)/2)) +"px";
- dividerDiv.style.width="" + 137 + "px";
- dividerDiv.style.height="" + dividerHeight + "px";
-
- // Recalc tabs div dimensions
- tabsDiv.style.position="absolute";
- tabsDiv.style.overflow="hidden";
- tabsDiv.style.top="" + (dividerDiv.demoHeight + dividerHeight + logoBarHeight) + "px";
- tabsDiv.style.left="" + (featuresWidth + 15) + "px";
- tabsDiv.style.width="" + centerWidth + "px";
- tabsDiv.style.height="" + (height - dividerDiv.demoHeight - dividerHeight - logoBarHeight) + "px";
- _UID_updateTabs();
-
- // Recalc demo div dimensions
- demoDiv.style.position="absolute";
- demoDiv.style.overflow="auto";
- demoDiv.style.top="" + logoBarHeight + "px";
- demoDiv.style.left="" + (featuresWidth + 15) + "px";
- demoDiv.style.width="" + centerWidth + "px";
- demoDiv.style.height="" + dividerDiv.demoHeight + "px";
-
- // Recalc control div dimensions
- // TODO, make floating
- controlDiv.style.position="absolute";
- controlDiv.style.overflow="hidden";
- controlDiv.style.top="" + (height - controlHeight) + "px";
- controlDiv.style.left="0";
- controlDiv.style.width="" + featuresWidth + "px";
- controlDiv.style.height="" + controlHeight + "px";
-
- if (animationNeeded) {
- setTimeout("_UID_layout()",30);
- }
-};
-
-/** Recalculate tabs content width */
-_UID_updateTabs = function() {
- try {
- var tabsDiv = document.getElementById("_UID_tabs");
- var tabsComponent = itmill.themes.Demo.prototype._UID_elemByIndex(tabsDiv.childNodes,0);
- if (tabsComponent == null) return;
- var tabs = itmill.themes.Demo.prototype._UID_elemByIndex(tabsComponent.childNodes,0);
- if (tabs == null) return;
- var content = itmill.themes.Demo.prototype._UID_elemByIndex(tabsComponent.childNodes,1);
- if (content == null) return;
- content.style.height="" + (tabsDiv.offsetHeight - tabs.offsetHeight-13) + "px";
- content.style.borderBottom="0";
- content.style.overflow='auto';
- var iframe = content.getElementsByTagName("iframe").item(0);
- if (iframe != null) {
- content.style.overflow='hidden';
- content.style.padding='0';
- content.style.height="" + (tabsDiv.offsetHeight - tabs.offsetHeight) + "px";
- iframe.height=content.style.height;
- iframe.style.border='0';
- }
- } catch (e) {}
-};
-
-/** Helper method. Get element from node array by index */
-_UID_elemByIndex = function(nodeArray, index) {
- if (typeof nodeArray == 'undefined' || nodeArray == null) return null;
- var i=0;
- while (index>=0 && i < nodeArray.length) {
- while(i < nodeArray.length && nodeArray[i].nodeType != Node.ELEMENT_NODE) i++;
- if (index == 0) return nodeArray[i];
- index--; i++;
- }
- return null;
-}
-
-_UID_dividerUpdate = function() {
- var dividerDiv = document.getElementById("_UID_divider");
- var div = document.getElementById("_UID_main");
- dividerDiv.isActive = true;
- div.onmouseup = function() {
- dividerDiv.isActive = false;
- div.onmouseup = null;
- div.onmousemove = null;
- }
- div.onmousemove = function(e) {
- dividerDiv.mouseY = typeof e != 'undefined' ? e.clientY : window.event.clientY;
- _UID_layout();
- }
- return false;
-};
-
-_UID_initFeatureBrowserLayout = function() {
- var dividerDiv = document.getElementById("_UID_divider");
- if (dividerDiv == null) alert("no divider div");
- dividerDiv.isActive = false;
- dividerDiv.onmousedown = _UID_dividerUpdate;
-
- window.onresize=_UID_layout;
- _UID_layout();
-};
-
-_UID_initFeatureBrowserLayout();
-
-</script>
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-button {\r
- border: 1px solid red;\r
-}
\ No newline at end of file
+++ /dev/null
-
-<h3>Contact Sales</h3>
-<p>
-Do you want us to send you an offer? Or have our sales team contact
-you on another matter? Please fill out the enclosed form and we'll get
-back to you as soon as possible. You can also call us or send us an
-e-mail.
-</p>
-
-<h3>Report a Bug</h3>
-<p>
-If you have found an issue with IT Mill Toolkit, demo applications or
-documentation, please report it to us. Fill out the following form to
-send us any relevant information about the issue.
-Click here
-</p>
-
-<h3>A job for a real expert</h3>
-<p>
-We are always interested in new and keen talents! Finnish language
-skills are required so please fill out the application form.
-Click here for the form
-</p>
-
-<h3>You feedback is always welcome</h3>
-<p>
-Please give us feedback on our site, products and services. We are
-happy to receive positive as well as negative comments as they help us
-improve ourselves even further!
-</p>
+++ /dev/null
-
-<h3>Developers</h3>
-
-<p>
-This section contains information for developers using IT Mill Toolkit
-to create Java web applications.
-</p>
-
-<p>
-Start by reading the example application walk-through, get familiar
-with the application structure and install the development environment.
-</p>
-
-<p>
-Simple. You'll be ready to build your own Ajax web applications in
-Java language.
-</p>
+++ /dev/null
-
-<h3>News</h3>
-
-<p>
-IT Mill was founded in 2000 to develop this new programming paradigm
-that would support the creation of real user interfaces for real
-application using real programming languages.
-</p>
-
-<p>
-IT Mill has been offering high-quality expert services to support its
-customers' software development from the start. This model has made it
-possible for the company to grow and develop realistically and solely
-on net income.
-</p>
-
-<p>
-The development of company's proprietary MillstoneTM technology
-started at the end of 2000 in cooperation with Tekes, the National
-Technology Agency of Finland. The first new Millstone customer
-applications were launched already in 2001.
-</p>
-
-<p>
-Version 3.0 of the Millstone user interface library was published
-using an open LGPL license in December 2002, making it possible to use
-the library free of charge all around the world.
-</p>
-
-<p>
-Until 2005 more than 50 % of IT Mill's turnover was derived from sales
-of Millstone specialist services, with the rest coming from sales of
-other software development services and outsourcing services.
-</p>
-
-<p>
-In late 2006 IT Mill ensured funding of the new generation of
-Millstone. IT Mill Toolkit was released in early 2007.
-</p>
-
+++ /dev/null
-
-<h3>Top 5 reasons to choose IT Mill Toolkit</h3>
-
-<p>
-1. High compatibility with web browsers and application servers
-</p>
-
-<p>
-2. Real savings in cross-browser application development and testing
-</p>
-
-<p>
-3. Ready-made components that make applications easy to maintain
-and easy to extend
-</p>
-
-<p>
-4. Supports all stages of the application development cycle from
-design to maintenance
-</p>
-
-<p>
-5. Proven in production - since 2001
-</p>
-
+++ /dev/null
-
-<h3>Support</h3>
-
-<p>
-IT Mill offers a service, one that is expert, flexible and reliable.
-We cover the gamut of software development - we are technology
-consultants, a turnkey systems providers, a support center for the
-customer's internal product development.
-</p>
-
-<p>
-We offer maintenance as well as additional development services for
-all the software we build. However, it is one of our principles that
-the customer should always be free to solicit competing bids for
-further development and software maintenance.
-</p>
+++ /dev/null
-
-<h3>Welcome</h3>
-
-<p>
-IT Mill is a specialist in enterprise web user interface design and
-technology. We offer a variety of products and services for enterprise
-application user interface design, -analysis and -implementation. Our
-flagship product is IT Mill Toolkit - a server-side component
-framework for Java EE. IT Mill Toolkit enables creation of highly
-usable browser applications in real Java.
-</p>
-
-<p>
-IT Mill Toolkit is a web user interface framework for developing
-high-quality web applications for enterprise and professional use. By
-using standard Java tools and the enterprise environment (Java EE -
-formerly J2EE) we have created the most elegant and complete
-architecture for developing user interfaces for web business
-applications - for your benefit.
-</p>
\ No newline at end of file
+++ /dev/null
-
-<!-- Toolkit components are placed with divs that have matching
-location tag -->
-
-<table>
- <tr>
- <td><img src="icon_intro.png" /></td>
- <td width="80%"><b>This is an example application that uses custom layouts</b></td>
- <td align="right">
- <!-- login components -->
- <table align="right">
- <tr>
- <td><div location="loginUser"></div></td>
- <td><div location="loginPassword"></div></td>
- <td><div style="width:100px;margin-top:1em" location="loginButton"></div></td>
- </tr>
- </table>
- </td>
- </tr>
-</table>
-
-<table>
- <tr>
- <!-- menu component -->
- <td valign="top" width="150">
- <div location="menu"></div>
- </td>
- <!-- body component, updated by menu clicked event -->
- <td valign="top">
- <div location="body"></div>
- </td>
- </tr>
-</table>
+++ /dev/null
-button.important-link {\r
- border: 0px;\r
- text-align: left;\r
- text-decoration: underline;\r
- background: none;\r
- font-weight: bold;\r
-}\r
-button.selected-link {\r
- border: 0px;\r
- text-align: left;\r
- text-decoration: underline;\r
- background: #183C6B;\r
- font-weight: bold;\r
- color: white;\r
-}\r