SmallImageUIStyle

Class representing the style for a small image Adobe Experience Platform UI.

Small Image Card Composeable Layout

Public Properties

Property	Type	Description
`cardStyle`	AepCardStyle	The style for the card.
`rootRowStyle`	AepRowStyle	The style for the root row.
`imageStyle`	AepImageStyle	The style for the image.
`textColumnStyle`	AepColumnStyle	The style for the column containing the title, body, and buttons.
`titleTextStyle`	AepTextStyle	The text style for the title.
`bodyTextStyle`	AepTextStyle	The text style for the body.
`buttonRowStyle`	AepRowStyle	The style for the row containing the buttons.
`buttonStyle`	Array<Pair<AepButtonStyle, AepTextStyle>>	The style for the buttons.
`dismissButtonStyle`	AepIconStyle	The style for the dismiss button.
`dismissButtonAlignment`	Alignment	The alignment for the dismiss button.

Customization

The SmallImageUIStyle is created using a builder. Here's an example:

Kotlin

val smallImageCardStyleRow = SmallImageUIStyle.Builder()
            .cardStyle(AepCardStyle(modifier = Modifier.width(400.dp).height(200.dp)))
            .rootRowStyle(
                AepRowStyle(
                    modifier = Modifier.fillMaxSize()
                )
            )
            .titleAepTextStyle(AepTextStyle(textStyle = TextStyle(Color.Green)))
            .build()
Copied to your clipboard
val smallImageCardStyleRow = SmallImageUIStyle.Builder()
            .cardStyle(AepCardStyle(modifier = Modifier.width(400.dp).height(200.dp)))
            .rootRowStyle(
                AepRowStyle(
                    modifier = Modifier.fillMaxSize()
                )
            )
            .titleAepTextStyle(AepTextStyle(textStyle = TextStyle(Color.Green)))
            .build()

AepRowStyle

AEPButton

Last updated 11/22/2024

Was this helpful?

Yes

SmallImageUIStyle

Public Properties.css-83mclq{margin-left:var(--spectrum-global-dimension-size-100);}

Customization

Public Properties