Home
GuidesAPI ReferenceRelease Notes
HomeLog InHome
Guides
Home
  1. SDK iOS

Widget customizations

The section outlines the customization options of the BlazeWidgetLayout for incorporating Stories and Moments into your app. It presents various layout presets for Stories and Moments, including circle, vertical rectangle, and horizontal rectangle layouts for both row and grid views, which can be further tailored to align with your app's design theme. There are many different customization options available to achieve a look and feel that is truly unique and that matches the theme of your app.

Presets

All the presets are of type BlazeWidgetLayout properties are mutable and could be further modified as needed.

Stories

BlazeStoriesWidgetRowView

circles

A BlazeWidgetLayout instance.

Returns a horizontally aligned layout consisting of circle widget items.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.StoriesWidget.Row.circles

example

var layout = BlazeWidgetLayout.Presets.StoriesWidget.Row.circles

//further modified if needed

let rowWidget = BlazeStoriesWidgetRowView(layout: layout)

verticalRectangles

A BlazeWidgetLayout instance.

Returns a horizontally aligned layout consisting of vertical rectangle widget items.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.StoriesWidget.Row.verticalRectangles

example

var layout = BlazeWidgetLayout.Presets.StoriesWidget.Row.verticalRectangles

//further modified if needed

let rowWidget = BlazeStoriesWidgetRowView(layout: layout)

horizontalRectangles

A BlazeWidgetLayout instance.

Returns a horizontally aligned layout consisting of horizontal rectangle widget items.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.StoriesWidget.Row.horizontalRectangles

example

var layout = BlazeWidgetLayout.Presets.StoriesWidget.Row.horizontalRectangles

//further modified if needed

let rowWidget = BlazeStoriesWidgetRowView(layout: layout)

singleItemVerticalRectangle

A BlazeWidgetLayout instance.

Returns a single item layout consisting of vertical rectangle widget item.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.StoriesWidget.Row.singleItemVerticalRectangle

example

var layout = BlazeWidgetLayout.Presets.StoriesWidget.Row.singleItemVerticalRectangle

//further modified if needed

let rowWidget = BlazeStoriesWidgetRowView(layout: layout)

singleItemHorizontalRectangle

A BlazeWidgetLayout instance.

Returns a single item layout consisting of horizontal rectangle widget item.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.StoriesWidget.Row.singleItemHorizontalRectangle

example

var layout = BlazeWidgetLayout.Presets.StoriesWidget.Row.singleItemHorizontalRectangle

//further modified if needed

let rowWidget = BlazeStoriesWidgetRowView(layout: layout)

BlazeStoriesWidgetGridView

oneColumnHorizontalRectangles

A BlazeWidgetLayout instance.

Returns a vertically aligned grid layout consisting of horizontal rectangles in one column per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.StoriesWidget.Grid.oneColumnHorizontalRectangles

example

var layout = BlazeWidgetLayout.Presets.StoriesWidget.Grid.oneColumnHorizontalRectangles

//further modified if needed

let rowWidget = BlazeStoriesWidgetGridView(layout: layout)

twoColumnsVerticalRectangles

A BlazeWidgetLayout instance.

Returns a vertically aligned grid layout consisting of vertical rectangles in two columns per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.StoriesWidget.Grid.twoColumnsVerticalRectangles

example

var layout = BlazeWidgetLayout.Presets.StoriesWidget.Grid.twoColumnsVerticalRectangles

//further modified if needed

let rowWidget = BlazeStoriesWidgetGridView(layout: layout)

twoColumnsHorizontalRectangles

A BlazeWidgetLayout instance.

Returns a vertically aligned grid layout consisting of horizontal rectangles in two columns per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.StoriesWidget.Grid.twoColumnsHorizontalRectangles

example

var layout = BlazeWidgetLayout.Presets.StoriesWidget.Grid.twoColumnsHorizontalRectangles

//further modified if needed

let rowWidget = BlazeStoriesWidgetGridView(layout: layout)

threeColumnsVerticalRectangles

A BlazeWidgetLayout instance.

Returns a vertically aligned grid layout consisting of vertical rectangles in three columns per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.StoriesWidget.Grid.threeColumnsVerticalRectangles

example

var layout = BlazeWidgetLayout.Presets.StoriesWidget.Grid.threeColumnsVerticalRectangles

//further modified if needed

let rowWidget = BlazeStoriesWidgetGridView(layout: layout)

threeColumnsHorizontalRectangles

A BlazeWidgetLayout instance.

Retuns a vertically aligned grid layout consisting of horizontal rectangles in three columns per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.StoriesWidget.Grid.threeColumnsHorizontalRectangles

example

var layout = BlazeWidgetLayout.Presets.StoriesWidget.Grid.threeColumnsHorizontalRectangles

//further modified if needed

let rowWidget = BlazeStoriesWidgetGridView(layout: layout)

singleItemVerticalRectangle

A BlazeWidgetLayout instance.

Returns a single item layout consisting of vertical rectangle widget item.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.StoriesWidget.Grid.singleItemVerticalRectangle

example

var layout = BlazeWidgetLayout.Presets.StoriesWidget.Grid.singleItemVerticalRectangle

//further modified if needed

let rowWidget = BlazeStoriesWidgetGridView(layout: layout)

singleItemHorizontalRectangle

A BlazeWidgetLayout instance.

Returns a single item layout consisting of horizontal rectangle widget item.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.StoriesWidget.Grid.singleItemHorizontalRectangle

example

var layout = BlazeWidgetLayout.Presets.StoriesWidget.Grid.singleItemHorizontalRectangle

//further modified if needed

let rowWidget = BlazeStoriesWidgetGridView(layout: layout)

Moments

BlazeMomentsWidgetRowView

verticalRectangles

A BlazeWidgetLayout instance.

Returns a horizontally aligned layout consisting of vertical rectangle widget items.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.MomentsWidget.Row.verticalRectangles

example

var layout = BlazeWidgetLayout.Presets.MomentsWidget.Row.verticalRectangles

//further modified if needed

let rowWidget = BlazeMomentsWidgetRowView(layout: layout)

horizontalRectangles

A BlazeWidgetLayout instance.

Returns a horizontally aligned layout consisting of horizontal rectangle widget items.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.MomentsWidget.Row.horizontalRectangles

example

var layout = BlazeWidgetLayout.Presets.MomentsWidget.Row.horizontalRectangles

//further modified if needed

let rowWidget = BlazeMomentsWidgetRowView(layout: layout)

singleItemVerticalRectangle

A BlazeWidgetLayout instance.

Returns a single item layout consisting of vertical rectangle widget item.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.MomentsWidget.Row.singleItemVerticalRectangle

example

var layout = BlazeWidgetLayout.Presets.MomentsWidget.Row.singleItemVerticalRectangle

//further modified if needed

let rowWidget = BlazeMomentsWidgetRowView(layout: layout)

singleItemHorizontalRectangle

A BlazeWidgetLayout instance.

Returns a single item layout consisting of horizontal rectangle widget item.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.MomentsWidget.Row.singleItemHorizontalRectangle

example

var layout = BlazeWidgetLayout.Presets.MomentsWidget.Row.singleItemHorizontalRectangle

//further modified if needed

let rowWidget = BlazeMomentsWidgetRowView(layout: layout)

verticalAnimatedThumbnailsRectangles

A BlazeWidgetLayout instance.

Returns a horizontally aligned layout consisting of vertical rectangle widget items with support for animated thumbnails.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.MomentsWidget.Row.verticalAnimatedThumbnailsRectangles

example

var layout = BlazeWidgetLayout.Presets.MomentsWidget.Row.verticalAnimatedThumbnailsRectangles

//further modified if needed

let rowWidget = BlazeMomentsWidgetRowView(layout: layout)

BlazeMomentsWidgetGridView

oneColumnHorizontalRectangles

A BlazeWidgetLayout instance.

Returns a vertically aligned grid layout consisting of horizontal rectangles in one column per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.MomentsWidget.Grid.oneColumnHorizontalRectangles

example

var layout = BlazeWidgetLayout.Presets.MomentsWidget.Grid.oneColumnHorizontalRectangles

//further modified if needed

let rowWidget = BlazeMomentsWidgetGridView(layout: layout)

twoColumnsVerticalRectangles

A BlazeWidgetLayout instance.

Returns a vertically aligned grid layout consisting of vertical rectangles in two columns per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.MomentsWidget.Grid.twoColumnsVerticalRectangles

example

var layout = BlazeWidgetLayout.Presets.MomentsWidget.Grid.twoColumnsVerticalRectangles

//further modified if needed

let rowWidget = BlazeMomentsWidgetGridView(layout: layout)

twoColumnsHorizontalRectangles

A BlazeWidgetLayout instance.

Returns a vertically aligned grid layout consisting of horizontal rectangles in two columns per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.MomentsWidget.Grid.twoColumnsHorizontalRectangles

example

var layout = BlazeWidgetLayout.Presets.MomentsWidget.Grid.twoColumnsHorizontalRectangles

//further modified if needed

let rowWidget = BlazeMomentsWidgetGridView(layout: layout)

threeColumnsVerticalRectangles

A BlazeWidgetLayout instance.

Returns a vertically aligned grid layout consisting of vertical rectangles in three columns per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.MomentsWidget.Grid.threeColumnsVerticalRectangles

example

var layout = BlazeWidgetLayout.Presets.MomentsWidget.Grid.threeColumnsVerticalRectangles

//further modified if needed

let rowWidget = BlazeMomentsWidgetGridView(layout: layout)

threeColumnsHorizontalRectangles

A BlazeWidgetLayout instance.

Returns a vertically aligned grid layout consisting of horizontal rectangles in three columns per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.MomentsWidget.Grid.threeColumnsHorizontalRectangles

example

var layout = BlazeWidgetLayout.Presets.MomentsWidget.Grid.threeColumnsHorizontalRectangles

//further modified if needed

let rowWidget = BlazeMomentsWidgetGridView(layout: layout)

singleItemVerticalRectangle

A BlazeWidgetLayout instance.

Returns a single item layout consisting of vertical rectangle widget item.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.MomentsWidget.Grid.singleItemVerticalRectangle

example

var layout = BlazeWidgetLayout.Presets.MomentsWidget.Grid.singleItemVerticalRectangle

//further modified if needed

let rowWidget = BlazeMomentsWidgetGridView(layout: layout)

singleItemHorizontalRectangle

A BlazeWidgetLayout instance.

Returns a single item layout consisting of horizontal rectangle widget items.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.MomentsWidget.Grid.singleItemHorizontalRectangle

example

var layout = BlazeWidgetLayout.Presets.MomentsWidget.Grid.singleItemHorizontalRectangle

//further modified if needed

let rowWidget = BlazeMomentsWidgetGridView(layout: layout)

Videos

BlazeVideosWidgetRowView

verticalRectangles

A BlazeWidgetLayout instance.

Returns a horizontally aligned layout consisting of vertical rectangle widget items.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.VideosWidget.Row.verticalRectangles

example

var layout = BlazeWidgetLayout.Presets.VideosWidget.Row.verticalRectangles

//further modified if needed

let rowWidget = BlazeVideosWidgetRowView(layout: layout)

horizontalRectangles

A BlazeWidgetLayout instance.

Returns a horizontally aligned layout consisting of horizontal rectangle widget items.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.VideosWidget.Row.horizontalRectangles

example

var layout = BlazeWidgetLayout.Presets.VideosWidget.Row.horizontalRectangles

//further modified if needed

let rowWidget = BlazeVideosWidgetRowView(layout: layout)

singleItemVerticalRectangle

A BlazeWidgetLayout instance.

Returns a single item layout consisting of vertical rectangle widget item.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.VideosWidget.Row.singleItemVerticalRectangle

example

var layout = BlazeWidgetLayout.Presets.VideosWidget.Row.singleItemVerticalRectangle

//further modified if needed

let rowWidget = BlazeVideosWidgetRowView(layout: layout)

singleItemHorizontalRectangle

A BlazeWidgetLayout instance.

Returns a single item layout consisting of horizontal rectangle widget item.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.VideosWidget.Row.singleItemHorizontalRectangle

example

var layout = BlazeWidgetLayout.Presets.VideosWidget.Row.singleItemHorizontalRectangle

//further modified if needed

let rowWidget = BlazeVideosWidgetRowView(layout: layout)

verticalAnimatedThumbnailsRectangles

A BlazeWidgetLayout instance.

Returns a horizontally aligned layout consisting of vertical rectangle widget items with support for animated thumbnails.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.VideosWidget.Row.verticalAnimatedThumbnailsRectangles

example

var layout = BlazeWidgetLayout.Presets.VideosWidget.Row.verticalAnimatedThumbnailsRectangles

//further modified if needed

let rowWidget = BlazeVideosWidgetRowView(layout: layout)

BlazeVideosWidgetGridView

oneColumnHorizontalRectangles

A BlazeWidgetLayout instance.

Returns a vertically aligned grid layout consisting of horizontal rectangles in one column per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.VideosWidget.Grid.oneColumnHorizontalRectangles

example

var layout = BlazeWidgetLayout.Presets.VideosWidget.Grid.oneColumnHorizontalRectangles

//further modified if needed

let rowWidget = BlazeVideosWidgetGridView(layout: layout)

twoColumnsVerticalRectangles

A BlazeWidgetLayout instance.

Returns a vertically aligned grid layout consisting of vertical rectangles in two columns per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.VideosWidget.Grid.twoColumnsVerticalRectangles

example

var layout = BlazeWidgetLayout.Presets.VideosWidget.Grid.twoColumnsVerticalRectangles

//further modified if needed

let rowWidget = BlazeVideosWidgetGridView(layout: layout)

twoColumnsHorizontalRectangles

A BlazeWidgetLayout instance.

Returns a vertically aligned grid layout consisting of horizontal rectangles in two columns per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.VideosWidget.Grid.twoColumnsHorizontalRectangles

example

var layout = BlazeWidgetLayout.Presets.VideosWidget.Grid.twoColumnsHorizontalRectangles

//further modified if needed

let rowWidget = BlazeVideosWidgetGridView(layout: layout)

threeColumnsVerticalRectangles

A BlazeWidgetLayout instance.

Returns a vertically aligned grid layout consisting of vertical rectangles in three columns per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.VideosWidget.Grid.threeColumnsVerticalRectangles

example

var layout = BlazeWidgetLayout.Presets.VideosWidget.Grid.threeColumnsVerticalRectangles

//further modified if needed

let rowWidget = BlazeVideosWidgetGridView(layout: layout)

threeColumnsHorizontalRectangles

A BlazeWidgetLayout instance.

Returns a vertically aligned grid layout consisting of horizontal rectangles in three columns per row.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.VideosWidget.Grid.threeColumnsHorizontalRectangles

example

var layout = BlazeWidgetLayout.Presets.VideosWidget.Grid.threeColumnsHorizontalRectangles

//further modified if needed

let rowWidget = BlazeVideosWidgetGridView(layout: layout)

singleItemVerticalRectangle

A BlazeWidgetLayout instance.

Returns a single item layout consisting of vertical rectangle widget item.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.VideosWidget.Grid.singleItemVerticalRectangle

example

var layout = BlazeWidgetLayout.Presets.VideosWidget.Grid.singleItemVerticalRectangle

//further modified if needed

let rowWidget = BlazeVideosWidgetGridView(layout: layout)

singleItemHorizontalRectangle

A BlazeWidgetLayout instance.

Returns a single item layout consisting of horizontal rectangle widget items.
The returned layout can be further modified if needed.

BlazeWidgetLayout.Presets.VideosWidget.Grid.singleItemHorizontalRectangle

example

var layout = BlazeWidgetLayout.Presets.VideosWidget.Grid.singleItemHorizontalRectangle

//further modified if needed

let rowWidget = BlazeVideosWidgetGridView(layout: layout)
BlazeWidgetLayout.Presets.MomentsWidget.Grid.singleItemHorizontalRectangle

example

var layout = BlazeWidgetLayout.Presets.MomentsWidget.Grid.singleItemHorizontalRectangle

//further modified if needed

let rowWidget = BlazeMomentsWidgetGridView(layout: layout)

Updated about 2 months ago

Did this page help you?