Sustainable Technology

Updates for Tablet Devices :
Touch devices changes and enhancements

Simplicity and usability are very important to us here at stSoftware. To make your life easier we have optimised some of the layouts on your control panel for the iPad and iPhone screen sizes. 

Changes include: 

1. Moved Navigation buttons into top right section of screen on iPad. 



2. Changed the Menu on IPad and IPhone to be a drop down rather than extending the screen.

Image Two Before

Image Two After

3. Added spacing to margins to reduce clutter.

Image Three Before

 Image Three After

4. Added Shading and borders to various page menus to better distinguish between buttons and content

 Image Four Before

Image Four After

5. Changed the width and positioning of the search box so it doesn't extend off the screen.

Image Five Before



 Image Five After

6. Fixed spacing on the top right when scrolling horizontally 

Image Six Before

Image Six After

 7. Fixed problem where users couldn't scroll horizontally on the screen on IOS. This would cut off the page making some parts of the page inaccessible. 

Read More

Updates for Tablet Devices

Integrated Demo App :
Progressive Web Apps Demo

A new Progressive Web App demo has been released. This Demo shows how a phone app can be integrated with a database giving powerful real-time mobile functionality. It is supported on both IPhone and Android. The Demo shows just a few of the possible features that can be implemented:

  • Uploading photos
  • Loading jobs
  • Site locations
  • Reporting on individual tasks
  • Answering questionnaires 

The Demo App utilises new technology and libraries such as framework7. 

More details about our progressive web Apps can be found on our Progressive webs Apps page along with an interactive Demo or you can contact us directly here.


         Details Page                Map Demo

Read More

Integrated Demo App

Testing Simplified :
CMS: Now integrates QUnit for automated testing of websites

The new Test tab is now available in the CMS and makes the testing process simple and easy. This incredibly useful tool allows the developer of a site to easily debug their product.  The Test Tab utilises QUnit Testing which is a powerful, easy-to-use JavaScript unit testing framework.


The Test tab is located in the top menu when creating a new CMS website page. Under this tab there is the title 'Setup'. This is where you can create tests. To create a test simply click 'Add' located down the bottom of the screen.

Test Tab


Add Button

Clicking 'Add' will bring up the following screen....

Layout of page

Creating a Test:

On this page the tester has a few options:

  • Name: The name of the tests. Eg: "Test Page for JohnSmith"
  • Sequence: The order of when this test is run in comparassion to other tests. Eg: "55"
  • Domains Pattern: This limits the condition of when this test is run. Eg: "localhost" (This will only run when the URL contains "Localhost")
  • Disabled: When checked this disables the test from running
  • Script: Place your validation code here, for the test to pass, the script must contain an assert command to finish..
    • Eg: assert.ok( userName.match(/.*JohnSmith.*/), "Passed!" );
    • (This makes sure the users name is "JohnSmith")
  • Description: Is a quick explanation of what the script does for future reference... Eg: "Checks users Name"


Page with example data

Clicking Ok will bring you back to the 'Test' panel when you will be able to see the list of tests you have created. The test that you created will show on the bottom of the list. 


Example of Test added

Running Tests:

To run the tests go to the page you wish to run the tests on, go up to the URL bar and look for the line "CMS_MODE=PREVIEW" and change this value to "CMS_MODE=TEST";

Changing of url


Changed url


The tests will automatically start running. If a test fails a popup will notify you of the failure so the issue can be addressed.


Example of Qunit detection

Read More

Testing Simplified