Control Solutions Knowledgebase
User HTML Tutorials Articles
An Introduction to HTML web page editing for i.CanDoIt servers
Added on Thu, Sep 10, 2015
The i.CanDoIt servers support User HTML, meaning you can add your own web pages to give your device an application specific look and feel. We have created a series of short online tutorials, and include a zip file download of all of the short... Read More
An Introduction to SiteSpinner Pro web authoring tool
Added on Thu, Sep 10, 2015
There are a number of web page building tools you can use to create User HTML pages for Control Solutions i.CanDoIt web servers. One of the most widely used professional web tools is Adobe Dreamweaver. If you have invested in Dreamweaver, by all... Read More
Demo #1: Building a very simple page that covers the basics
Added on Thu, Sep 10, 2015
Demo web #1: Displaying dynamic data. In this tutorial, we will build a very simple page that covers the basics of displaying real time data on your custom web page. First, let's get some house keeping out of the way. Start by selecting "New... Read More
Demo #2: Adding a Submit button to input new data on the web page
Added on Thu, Sep 10, 2015
Demo web #2: Displaying dynamic data and accepting input. This tutorial takes you one step deeper into dynamic data, adding a submit button to input new data on your custom web page. We are going to start with Demo #1, and make a minor tweak to allow... Read More
Demo #3: Multi-page web site with graphics, links, and passwords
Added on Thu, Sep 10, 2015
Demo web #3: This tutorial introduces design of a multi-page web site with graphics, links, and passwords. Create a new project in SiteSpinner. Have your graphics files prepared ahead of time. We simply grabbed a few for a couple bucks a piece off... Read More
Demo #4: Adding JavaScript animation and real time data
Added on Thu, Sep 10, 2015
Demo web #4: JavaScript animated graphics. In this tutorial, we kick things up another notch with JavaScript animation and real time data. This exercise is not for beginners, but it does illustrate the fact that some fancier things can be done with... Read More
Demo #5: Adding drop lists for input on web pages
Added on Thu, Sep 10, 2015
Demo web #5: Using drop-down lists as input. You are not limited to text boxes for data input on your custom web page. Drop-down lists are another option we explore here. Open a new SiteSpinner project, and place some text, a text input box, and a... Read More
Demo #6: Using check boxes for input
Added on Thu, Sep 10, 2015
Demo web #6 - In this tutorial, we explore using check boxes as input. The same general concept applies to radio buttons, but the check box is illustrated here.  Open a new SiteSpinner project, and place some text, a text input box, and a check box... Read More
Demo #7: Using a graphic image as a submit button
Added on Thu, Sep 10, 2015
Demo web #7: This tutorial illustrates how to use a graphic image as a submit button on your custom web page. Open your SiteSpinner project from Demo #2, and "save as" Demo #7. Now delete the original submit button named "Change". Locate the graphic ... Read More
Register number and name tagging for dynamic data
Added on Thu, Sep 10, 2015
The register numbers shown here are used for data and name tagging required for dynamic data display in your custom web pages. Modbus registers - use this information if your i.CanDoIt server has Modbus registers as its primary data element. Integer... Read More
Text box HTML syntax and formatting strings
Added on Thu, Sep 10, 2015
Text box input HTML syntax and formatting strings provide you with a great deal of flexibility in controlling the appearance of your data on the web page. The formatting string is dynamically processed when your web page is displayed, and the... Read More