Basic widgets

Nice and neat visual elements building up your app screen

Below are listed the basic UI widgets supported by appstylo.  A widget is a visual UI element. A page is consisted of one or many widgets.

Text

Text widget displays a single text block on the screen. It can be a single line text or multiple lines.  The font, size, text colour and background colour are customizable. A text widget could be linked to another screen. By clicking or tap on text, user can open a new page.

Create mobile application – Text widgets from appstylo

RichText

Rich text is used to display the mixed contents. It may contain the text, image, video and external links, etc. You can easily copy and paste html page content from external site into the rich text widget.

Create mobile application – rich text widget from appstylo

Image
The image widget displays an image. It supports multiple image formats and an optional subtitle. A target screen can be defined for each image.

Create mobile application – image widget from appstylo

ImageSlider
ImageSlider shows multiple images slide by slide. It supports swipe gesture and custom navigation controls. Each image slide can be linked a target screen.

Create mobile application – image slider widget from appstylo

Gallery
A gallery displays multiple images thumbnail in grid. The whole image is showing while clicking on the thumbnail.

Create mobile application – image gallery widget from appstylo
Create mobile application – image gallery full screen widget from appstylo

Icon
The icon is used to display an icon image on the screen. The icon picker permits selecting an icon from a predefined set of icons or upload your custom icon image.

Create mobile application – icon widgets from appstylo

Video
A video widget displays a video player on the screen. It supports video from YouTubeFacebookTwitchSoundCloud, Streamable, Vimeo, Wistia, Mixcloud and DailyMotion.

Create mobile application – video widgets from appstylo

Button
Button is used to define an action. Currently version supports to define a target screen when it’s clicked or tapped.

Create mobile application – buttons widgets from appstylo

Map
The map widget displays a google map for a given address. Both roadmap and satellite views are supported.

Create mobile application – map widgets from appstylo

Call
The click-to-call widget displays a telephone number with an optional icon. Once clicked on mobile device, it triggers the phone dial-in page.

Email
The email widget displays an email address with an optional icon. Once clicked on mobile device, it triggers the default email app.

RssFeed
The Rssfeed is useful to integrate the external content exposed by RSS. You could use it to aggregate the contents from multiple sources into your application.

Create mobile application – rss feed widget from appstylo
Create mobile application – rss feed with big image from appstylo

Social Medias

The facebook and twitter widgets help to integrate the contents and events from facebook page and twitter timeline.

Create mobile application – Facebook page from appstylo
Create mobile application – Twitter timeline widget from appstylo

Webview
With Web view, you can embed any external website into your application. The external site with responsive or adaptive design would be seamlessly integrated into your application.

WordPress
The WordPress widget helps to convert your wordpress website into a mobile friendly app. By default, it fetches the posts, pages, media and categories from your wordpress Web site. It supports the post search and customizable menu and tabs.

Create mobile application – wordpress widget from appstylo

Blog
The¬†Blog¬†widget displays a list of articles on the screen. To write new article, go to “Management” page, then go to “Blog” page. Please refer to content management page about how to create new articles and categories.