Servoy 2020 Documentation
Child pages
  • sablo-tabseq

Versions Compared

Old Version 4

changes.mady.by.user Andrei Costescu

Saved on

compared with

New Version 5

changes.mady.by.user Andrei Costescu

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Note
titleIMPORTANT

svy-tabseq requires you to include a full jQuery lib in your page, before angular.js. It will not work with angular shipped jQLite only (because it relies on jquery trigger() which is not available in jQLite). Servoy already does this, so this not is only relevant for sablo users.

For example:

Code Block
languagexml
<!DOCTYPE html>
<html ng-app="myApp" svy-tabseq="1" svy-tabseq-config="{root: true}">

  <head>
    <title>Tabseq</title>
    <link href="css/style.css" rel="stylesheet" />
    <script src="../lib/jquery-1.11.1.js"></script>
    <script src="../lib/angular-1.3.0-beta.2/angular.js"></script>
    <script src="controllers/impl.js"></script>
  </head>

  <body ng-controller="myController">
        <mycustomcomponent svy-tabseq="model1.tabSeq"></mycustomcomponent>
        <div svy-tabseq="20" svy-tabseq-config="{container: true, reservedGap: 50}">
            <input svy-tabseq="1" value="a"/>
            <input svy-tabseq="-2" value="b"/>
            <input svy-tabseq="1" value="c"/>
        </div>
        <mycustomcomponent svy-tabseq="model2.tabSeq"></mycustomcomponent>
  </body>

</html>

...