Home > CaseBook, Delphi, JavaScript, Object Pascal, OP4JS, Smart Mobile Studio > QTX Library for Smart Mobile Studio updated

QTX Library for Smart Mobile Studio updated

January 27, 2015 Leave a comment Go to comments

QTX (Quartex) is a library written for Smart Mobile Studio users. It extends the run-time library with a wide range of capabilities, including database (dataset) support, custom effects, tag-attribute storage and much, much more.

If you are a serious HTML5 developer using Smart Mobile Studio, then this library is a must. The font and content measurement alone is worth the download – and did I mention that it’s free?

Facebook clone, coded in a couple of hours using QTX for Smart Mobile Studio

Facebook clone, coded in a couple of hours using QTX for Smart Mobile Studio

Library overview

QTX is packed with classes and methods, and I have done my best to make it as easy as possible to understand. I take it for granted that you understand the concept of HTML-Tags, and that you understand that Smart Mobile Studio code creates TAGS when it’s constructor fires, and removes the tag when the destructor executes. As such, we have no need for libraries like JQuery – because the handle (reference) to the element is always known. JQuery is ultimately about extracting tags within a criteria from the DOM (hence “Query” in the title, as in SQL for querying a database).

What we do like however, is plenty of effects – and dead simple syntax for using them. Well it doesnt get any easier than with QTX. The QTX library extends TW3CustomControl with it’s own class helper, meaning that once you have included the qtx.effects unit – all your controls supports the whole range of effects.

Also, effects are executed in sequence. You can trigger 10 effects and they will execute one by one, which is no small feat under HTML5 (but easy with QTX tag attribute support).

Here is a brief overview of the classes and methods you get when installing QTX:


  • TQTXDataset
  • TQTXDatasetField
  • TQTXBooleanField
  • TQTXIntegerField
  • TQTXFloatField
  • TQTXStringField
  • TQTXDatasetFields
  • TQTXFieldDef
  • TQTXFieldDefs

Tag-Attribute Storage

  • TQTXAttrAccess

CSS3 GPU powered animations

  • TQTXMoveAnimation
  • TQTXFadeAnimation
  • TQTXSizeAnimation
  • TQTXAnimationHelper

Effect management

  • TQTXEffectsHelper
    • fxSetBusy
    • fxBusy:boolean
    • fxScaleUp
    • fxScaleDown
    • fxSizeTo
    • fxMoveDown
    • fxMoveUp
    • fxMoveBy
    • fxMoveTo
    • fxScaleTo
    • fxZoomOut
    • fxZoomIn
    • fxWarpIn
    • fxWarpOut
    • fxFadeIn
    • fxFadeOut

Font and content measurement

  • TQTXTextMetric
  • TQTXFontInfo
  • TQTXFontDetector

Helper classes

  • TQTXHandleHelper
  • TQTXIntegerHelper
  • TQTXStringHelper

Media IO management

  • TQTXIOAccess
    • LoadXML
    • LoadFile
    • LoadCSS
    • LoadScript
    • LoadImage
    • PreloadImages

Delayed execution

  • TQTXRuntime
    • DelayedDispatch
    • CancelDelayedDispatch
    • Execute
    • Ready
    • ExecuteDocumentReady

Dynamic stylesheets

  • TQTXStyleSheet

Flicker free, smooth momentum scroll baseclasses

  • TQTXScrollOptions,
  • TQTXScrollController
  • TQTXScrollWindow

3D for any HTML elements

  • TQTXSprite3DController

Custom controls

  • TQTXHeaderButton
  • TQTXBackButton
  • TQTXNextButton
  • TQTXHeaderTitle
  • TQTXHeaderBar
  • TQTXLabel
  • TQTXScrollText


Simply point your SVN client to: svn checkout http://qtxlibrary.googlecode.com/svn/trunk/ and grab the units.


Copy the target folder into your Smart Mobile Studio -> Libraries folder and re-start the IDE. That’s it! Now include the units in your uses-clause and kick some serious HTML5 butt!

  1. January 27, 2015 at 9:48 pm

    Would you mind to implement a collapsible slide navigation menu in the qtxheader, useful for app that have long list of menu items on their navigation panel. I just could find a way to do this.

    • Jon Lennart Aasenden
      January 28, 2015 at 6:07 am

      Thats already in the RTL. Open up the RTL folder and have a look at the units, you will find it there

  2. April 6, 2017 at 6:43 pm

    How to find RTL. I am running Smart Mobile Studio

    • April 17, 2017 at 12:36 am

      If you look in the start-menu on windows, there will be links there to the RTL and library folders 🙂

  1. No trackbacks yet.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: