PowerApp
Some essential actions to Power your App easily.
slCenterApp
|
Purpose: |
Centers the App on Screen Vertically and Horizontally |
|
Category: |
PowerApp |
|
Syntax: |
slCenterApp width height
width App width in pixels height App height in pixels |
slAppBackgroundColor
|
Purpose: |
Changes the Background Color surrounding the App limits. |
|
Category: |
PowerApp |
|
Syntax: |
slAppBackgroundColor "color"
color Background Color. ie: #ff0000 |
slAppBackgroundImage
|
Purpose: |
Changes the Background Image surrounding the App limits. |
|
Category: |
PowerApp |
|
Syntax: |
slAppBackgroundImage "url"
url Image URL |
slPageRoundedCorners
|
Purpose: |
Rounds the page corners |
|
Category: |
PowerApp |
|
Syntax: |
slPageRoundedCorners page radius
page Select a Page from the App radius Border radius in pixels |
slPageShadow
|
Purpose: |
Drops a shadow under the page limits |
|
Category: |
PowerApp |
|
Syntax: |
slPageShadow page horizontal vertical theblur "thecolor"
page Select a page from the App horizontal Shadow horizontal distance in pixels. Negative values are allowed vertical Shadow vertical distance in pixels. Negative values are allowed theblur Blur distance in pixels thecolor Shadow Color. ie: #000000 |
slAppSetZoom
|
Purpose: |
Zooms in or out the entire App. |
|
Category: |
PowerApp |
|
Syntax: |
slAppSetZoom thezoom
thezoom Zoom factor ie: 2 for double 0.5 for half size. |
slPageSetZoom
|
Purpose: |
Zooms in or out a Page in your App. |
|
Category: |
PowerApp |
|
Syntax: |
slPageSetZoom page thezoom
page Select a Page from the App thezoom Zoom factor ie: 2 for double 0.5 for half size. |
slPageSetRotation
|
Purpose: |
Rotate the page a given angle in degrees |
|
Category: |
PowerApp |
|
Syntax: |
slPageSetRotation page angle
page Select a Page from your App angle Angle in degrees to rotate the page |
slScaleAppLetterBox
|
Purpose: |
Scales your App so any content is shown proportionaly using full screen size. |
|
Category: |
PowerApp |
|
Syntax: |
slScaleAppLetterBox ancho alto
ancho Original App width in pixels. (Use bigger one to set a margin) alto Original App height in pixels. (Use bigger one to set a margin) |
slScaleAppLetterBoxMax
|
Purpose: |
Scales your App so any content is shown proportionaly using full screen size but never bigger then original App size |
|
Category: |
PowerApp |
|
Syntax: |
slScaleAppLetterBoxMax ancho alto
ancho Original App width in pixels. (Use bigger one to set a margin) alto Original App height in pixels. (Use bigger one to set a margin) |
slScaleAppDeform
|
Purpose: |
Scales your App so any content is shown proportionaly using full screen size. It lefts no margins, so content is cropped if needed. |
|
Category: |
PowerApp |
|
Syntax: |
slScaleAppDeform "ancho" "alto"
ancho Original App width in pixels. alto Original App height in pixels. |
slScaleAppFitWidthTop
|
Purpose: |
Scales your App so any content is shown proportionaly using full width screen size, but allways on top. |
|
Category: |
PowerApp |
|
Syntax: |
slScaleAppFitWidthTop ancho alto
ancho Original App width in pixels. alto Original App height in pixels. |
slScaleAppFitWidth
|
Purpose: |
Scales your App so any content is shown proportionaly using full width screen size. |
|
Category: |
PowerApp |
|
Syntax: |
slScaleAppFitWidth ancho alto
ancho Original App width in pixels. alto Original App height in pixels. |
slScaleAppFitHeight
|
Purpose: |
Scales your App so any content is shown proportionaly using full height screen size. |
|
Category: |
PowerApp |
|
Syntax: |
slScaleAppFitHeight ancho alto
ancho Original App width in pixels. alto Original App height in pixels. |
slScaleAppFit
|
Purpose: |
Scales your App so any content is shown proportionaly using full screen size. Same as slScaleAppLetterBox |
|
Category: |
PowerApp |
|
Syntax: |
slScaleAppFit "ancho" "alto"
ancho Original App width in pixels. alto Original App height in pixels. |
slScaleAppOriginalSize
|
Purpose: |
Returns the App to its original zoom size |
|
Category: |
PowerApp |
|
Syntax: |
slScaleAppOriginalSize "ancho" "alto"
ancho Original App width in pixels. alto Original App width in pixels. |
slRequestFullScreen
|
Purpose: |
Request to enter full screen mode on movile devices. The only important restriction to remember when requesting fullscreen mode is that we should do it only after a user's interaction. For example, activated by a touch operation. Works fine on Google Chrome, Firefox OS, Firefox for Android, BlackBerry OS 10 and Amazon Silk. |
|
Category: |
PowerApp |
|
Syntax: |
slRequestFullScreen
|
slChangeInputType
|
Purpose: |
Changes the Type atribute of an Input Object so you can use some HTML5 new ones: datetime-local, color, date, email, month, number, tel, time, url, week. Browsers not supporting input types, behave as input type text. |
|
Category: |
PowerApp |
|
Syntax: |
slChangeInputType "inputObject" ""newType" "initValue"
inputObject Select an Input Text Object from your App "newType write the new type you want to use instead of ""text""" initValue Initial Value |
slInputTypeRange
|
Purpose: |
Changes the Type atribute of a Text Input Object to "range" so it will allow the user to pick a number in a range. Browsers not supporting input types, behave as input type text. |
|
Category: |
PowerApp |
|
Syntax: |
slInputTypeRange "inputObject" minValue maxValue
inputObject Select an Input Text Object from your App minValue Integer min numeric value maxValue Integer Max numeric value |
slChangeMetaViewport
|
Purpose: |
Deletes the current tag and adds a new one. Usefull to adapt your app according to current screen size. Only works on mobile devices. |
|
Category: |
PowerApp |
|
Syntax: |
slChangeMetaViewport "newMeta"
newMeta New meta tag. Write the complete tag. |
slLoadJS
|
Purpose: |
Get and run a JavaScript file (.js) using an AJAX request. |
|
Category: |
PowerApp |
|
Syntax: |
slLoadJS "url"
url URL to .js file to load |
slLoadCSS
|
Purpose: |
Get and run a CSS file (.css) dinamically. |
|
Category: |
PowerApp |
|
Syntax: |
slLoadCSS "url"
url URL to .css file to load |
slLoadHTML
|
Purpose: |
Loads a file from a server and puts the returned data into the selected object. Specify a .html or .txt file path in the url. |
|
Category: |
PowerApp |
|
Syntax: |
slLoadHTML "containerId" "url"
containerId Select a Container or content capable object from your App url URL to .html or .txt file to load |
slParseInt
|
Purpose: |
Converts a string variable to an integer number For example: "23px" to 23 |
|
Category: |
PowerApp |
|
Syntax: |
slParseInt "cadena" [result]
cadena String variable to convert to integer number result Variable to store result |
slParseFloat
|
Purpose: |
Converts a string variable to a floating point number For example: "23.4 meters" to 23.4 |
|
Category: |
PowerApp |
|
Syntax: |
slParseFloat "cadena" [result]
cadena String variable to convert to float number result Variable to store result |
slSetHTMLCode
|
Purpose: |
Replaces a Container HTML code |
|
Category: |
PowerApp |
|
Syntax: |
slSetHTMLCode "containerId" code
containerId Select a Container or content capable object from your App code HTML code to include inside the Container |
slGetHTMLCode
|
Purpose: |
Get a Container HTML code into a Variable |
|
Category: |
PowerApp |
|
Syntax: |
slGetHTMLCode "containerId" [result]
containerId Select a Container or HTML capable object from your App result Variable to store HTML code |
slSetCSSProperty
|
Purpose: |
Changes any CSS property with a new value |
|
Category: |
PowerApp |
|
Syntax: |
slSetCSSProperty "containerId" "property" "propertyValue"
containerId Select object property CSS property name propertyValue CSS property value |
slLoadGoogleFont
|
Purpose: |
Loads a Google Font on runtime |
|
Category: |
PowerApp |
|
Syntax: |
slLoadGoogleFont "fontName"
fontName Google Font Name |
slSubmitForm
|
Purpose: |
Submits a form object through code to the dedired URL |
|
Category: |
PowerApp |
|
Syntax: |
slSubmitForm "formulario" "url"
formulario Select a Form Object url URL to send the Form data |
slTalk
|
Purpose: |
TextToSpeech command. Transforms any text into a voice. |
|
Category: |
PowerApp |
|
Syntax: |
slTalk "texto" "lang"
texto Text to speech lang Language (ie: en-US or es-ES) |
slOpenModal
|
Purpose: |
Opens a Modal Window with the content of a Container Object. |
|
Category: |
PowerApp |
|
Syntax: |
slOpenModal "containerId"
containerId Container to open as modal window |
slCloseModal
|
Purpose: |
Close a previously opened Modal Window. |
|
Category: |
PowerApp |
|
Syntax: |
slCloseModal "containerId"
containerId Container to close previously opened as modal window |
slInitTabs
|
Purpose: |
Initialize Bootstrap tabs |
|
Category: |
PowerApp |
|
Syntax: |
slInitTabs "containerId"
containerId Container with containers to show |
slShowTab
|
Purpose: |
Show a Container Object content into a Tab |
|
Category: |
PowerApp |
|
Syntax: |
slShowTab "containerId"
containerId Container to show. Must be inside container previously initialized with slInitTabs |
slFixBootStrapTab
|
Purpose: |
Fix BootStrap tabs problem |
|
Category: |
PowerApp |
|
Syntax: |
slFixBootStrapTab
|