The alpha transparency of the Component. Range from 0 to 100.
Clip the components contents using one of the options in ClippingType.
Access this Component's sub-components.
Url of feed data from website or Umajin Cloud.
var feedComp = uComps.cast.toAnimatedFeed(comp);
var currentUrl = feedComp.dataUrl;
Id of the Umajin Cloud feed.
var feedComp = uComps.cast.toAnimatedFeed(comp);
feedComp.feedId = 20731;
Whether or not is component is enabled for the parent form. Only relevant when inside a Form Component.
Label used to identify the field this Component belongs to in a form. Only relevant when inside a Form Component.
When true, and if space is available, items will be displayed as a grid.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.gridMode = true;
The height of the Component.
Define a column to use as the index column when it's not the default 'idx'.
var feedComp = uComps.cast.toAnimatedFeed(comp);
feedComp.indexColumnName = 'uniqueId';
When in grid mode, horizontal padding between items.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.itemSpacingX = 10;
Vertical padding between items.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.itemSpacingY = 10;
The data as a JSON object.
var feedComp = uComps.cast.toAnimatedFeed(comp);
var currentData = feedComp.json;
Shape component to be used as a mask. Can be either a Rectangle or Circle Component.
Name of the component.
Padding to apply to the end of the list. Range 0 to 100. Default is 0.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.paddingEnd = 5;
Padding to apply to the top of the list. Range 0 to 100. Default is 0.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.paddingStart = 5;
Access this Component's parent component.
Whether or not the Component has passed form validation. Only relevant when inside a Form Component.
When true, all the data will be displayed at once.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.resizeToContent = true;
Friction on scroll movement. Range from 0.01 to 1. Default 0.1.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.scrollFriction = 0.2;
Gets the maximum position of the feed list - Read Only.
var feedComp = uComps.cast.toAnimatedFeed(comp);
var max = feedComp.scrollMax;
Position within the feed. For example, setting to 0, resets the feed to the top.
var feedComp = uComps.cast.toAnimatedFeed(comp);
feedComp.scrollPosition = 0;
Items scroll vertically when true, horizontally when false.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.scrollVertically = true;
Scrollbar image.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.scrollbarDefaultFilename = 'scrollbar_v_9.png';
Scrollbar image when pressed.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.scrollbarDownFilename = 'scrollbar_v_bg_9.png';
Width of the scrollbar. Range 0.5 to 5. Default 1.5.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.scrollbarSize = 1;
Preserve the edges and corners of the scrollbar. Editing Nine Slice values will apply to the scrollbar default, and down images. Bottom Slice: Stop the bottom of the scrollbar from being stretched.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.scrollbarSliceBottom = 6;
Preserve the edges and corners of the scrollbar. Editing Nine Slice values will apply to the scrollbar default, and down images. Left Slice: Stop the left of the scrollbar from being stretched.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.scrollbarSliceLeft = 6;
Preserve the edges and corners of the scrollbar. Editing Nine Slice values will apply to the scrollbar default, and down images. Right Slice: Stop the right of the scrollbar from being stretched.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.scrollbarSliceRight = 6;
Preserve the edges and corners of the scrollbar. Editing Nine Slice values will apply to the scrollbar default, and down images. Top Slice: Stop the top of the scrollbar from being stretched.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.scrollbarSliceTop = 6;
When true, a scrollbar will appear within the Feed List Component.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.showScrollbars = true;
Type of the component.
Unique ID of the component.
Whether or not the Component is visible.
The width of the Component.
The x position of the Component relative to its parent.
The y position of the Component relative to its parent.
Apply a filter to the data in the feedlist from a filter string, or the text from a text entry component
string of text to filter the data. Leave blank if using text from a text entry component.
pipe separated list of columns to search
(optional) - uses the text property of this Text Entry Component to filter the Feed List.
var feedComp = uComps.cast.toFeedList(comp);
var textComp = uComps.cast.toTextEntry(comp2);
feedComp.applyFilter('', 'Title|Main Ingredient', textComp)
Clears the filter applied to the Feed List
var feedComp = uComps.cast.toFeedList(comp);
feedComp.clearFilter();
Call each callback that is registered for the given eventType, in the order they were registered, passing the supplied data to each.
The type of the event to emit.
Data object to pass to each callback.
Set the keyboard focus to this component.
new uActions.Action('set focus', setFocus)
.addParameter('text entry',uActions.ParamType.TEXT_ENTRY)
.register();
function setFocus(textEntry) {
textEntry.focus();
}
Update the feed to display updated data.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.forceFeedUpdate();
Get a property by name.
var uActions = require('u-actions');
new uActions.Action('get fontsize',getFontSize).register();
function getFontSize() {
var text1=uPages.current.components.getText('Text 1');
console.log(text1.get('font_size'));
}
The name of the property to get.
Returned value can be of any type, or even null.
Adds the callback function to the end of the listeners array for eventType.
The type of the event.
The callback function
Refresh this component to force it to be re-rendered, or for its dynamic data to be updated.
Resets the Feed List to the original settings.
var feedComp = uComps.cast.toFeedList(comp);
feedComp.reset();
Set a properties value by name.
var uActions = require('u-actions');
new uActions.Action('set text color',setTextColor).register();
function setTextColor() {
uPages.get('follow').components.getText('Text 1').set('font_color','0x0000FFFF');
}
The name of the property to set.
The value to set. Can be of any type.
Set a number properties at once.
Data object containing property name and value pairs to set on this component.
Sets the Feed List with data and mapping values.
Set a single row of data in the feedlist.
Tween a component property over time.
The number of seconds to tween for.
An objects that contains key/value pairs of the properties and values to tween.
(Optional) Tween type can be any type from "Tween.type"
Once a Feed List Component has been added to the page from the Component selector, the name of the feed, created in JavaScript, can be selected as the Feed List Component's Feed ID. Create a Master with components that match the labels used in Mapping(), and assign the Master to the Feed List Component.