As part of the SDK, you can use the pre-defined UI theme we offer for your Widgets and Players.

If you want to further modify the given style, please choose the most relevant preset, and change the needed attributes.

Widgets presets

Stories

Stories presets are divided to Widgets and Players.

To customize any UI styling component in the SDK, you must do your changes on some preset. Please choose the most relevant preset according to your design needs, and further change any properties that needs to be changed.

All widgets presets will return a BlazeWidgetLayout instance.

Row presets

1. BlazeWidgetLayout.Presets.StoriesWidget.Row.circles

2. BlazeWidgetLayout.Presets.StoriesWidget.Row.verticalRectangles

3. BlazeWidgetLayout.Presets.StoriesWidget.Row.horizontalRectangles

4. BlazeWidgetLayout.Presets.StoriesWidget.Row.singleItemHorizontalRectangle

5. BlazeWidgetLayout.Presets.StoriesWidget.Row.singleItemVerticalRectangle

Grid presets

1. BlazeWidgetLayout.Presets.StoriesWidget.Grid.twoColumnsVerticalRectangles

2. BlazeWidgetLayout.Presets.StoriesWidget.Grid.twoColumnsHorizontalRectangles

3. BlazeWidgetLayout.Presets.StoriesWidget.Grid.threeColumnsVerticalRectangles

4. BlazeWidgetLayout.Presets.StoriesWidget.Grid.threeColumnsHorizontalRectangles

5. BlazeWidgetLayout.Presets.StoriesWidget.Grid.singleItemVerticalRectangle

6. BlazeWidgetLayout.Presets.StoriesWidget.Grid.singleItemHorizontalRectangle

7. BlazeWidgetLayout.Presets.StoriesWidget.Grid.oneColumnHorizontalRectangles

Moments

Moments presets are divided to Widgets and Players.

To customize any UI styling component in the SDK, you must do your changes on some preset. Please choose the most relevant preset according to your design needs, and further change any properties that needs to be changed.

All widgets presets will return a BlazeWidgetLayout instance.

Row presets

1. BlazeWidgetLayout.Presets.MomentsWidget.Row.verticalRectangles

2. BlazeWidgetLayout.Presets.MomentsWidget.Row.verticalAnimatedThumbnailsRectangles

2. BlazeWidgetLayout.Presets.MomentsWidget.Row.horizontalRectangles

   
   
   

3. BlazeWidgetLayout.Presets.MomentsWidget.Row.singleItemVerticalRectangle

3. BlazeWidgetLayout.Presets.MomentsWidget.Row.singleItemHorizontalRectangle

Grid presets

1. BlazeWidgetLayout.Presets.MomentsWidget.Grid.twoColumnsVerticalRectangles

2. BlazeWidgetLayout.Presets.MomentsWidget.Grid.twoColumnsHorizontalRectangles

3. BlazeWidgetLayout.Presets.MomentsWidget.Grid.threeColumnsVerticalRectangles

4. BlazeWidgetLayout.Presets.MomentsWidget.Grid.threeColumnsHorizontalRectangles

5. BlazeWidgetLayout.Presets.MomentsWidget.Grid.singleItemVerticalRectangle

6. BlazeWidgetLayout.Presets.MomentsWidget.Grid.singleItemHorizontalRectangle

7. BlazeWidgetLayout.Presets.MomentsWidget.Grid.oneColumnHorizontalRectangles

Videos

Videos presets are divided to Widgets and Players.

To customize any UI styling component in the SDK, you must do your changes on some preset. Please choose the most relevant preset according to your design needs, and further change any properties that needs to be changed.

All widgets presets will return a BlazeWidgetLayout instance.

Row presets

1. BlazeWidgetLayout.Presets.VideosWidget.Row.verticalRectangles

2. BlazeWidgetLayout.Presets.VideosWidget.Row.verticalAnimatedThumbnailsRectangles

2. BlazeWidgetLayout.Presets.VideosWidget.Row.horizontalRectangles

   
   
   

3. BlazeWidgetLayout.Presets.VideosWidget.Row.singleItemVerticalRectangle

3. BlazeWidgetLayout.Presets.VideosWidget.Row.singleItemHorizontalRectangle

Grid presets

1. BlazeWidgetLayout.Presets.VideosWidget.Grid.twoColumnsVerticalRectangles

2. BlazeWidgetLayout.Presets.VideosWidget.Grid.twoColumnsHorizontalRectangles

3. BlazeWidgetLayout.Presets.VideosWidget.Grid.threeColumnsVerticalRectangles

4. BlazeWidgetLayout.Presets.VideosWidget.Grid.threeColumnsHorizontalRectangles

5. BlazeWidgetLayout.Presets.VideosWidget.Grid.singleItemVerticalRectangle

6. BlazeWidgetLayout.Presets.VideosWidget.Grid.singleItemHorizontalRectangle

7. BlazeWidgetLayout.Presets.VideosWidget.Grid.oneColumnHorizontalRectangles

Player presets

Stories

All players presets will return a BlazeStoryPlayerStyle instance.

• BlazeStoryPlayerStyle.base()

Moments

All players presets will return a BlazeMomentsPlayerStyle instance.

• BlazeMomentsPlayerStyle.base()

Videos

All players presets will return a BlazeVideosPlayerStyle instance.

• BlazeVideosPlayerStyle.base()