How to create Text is surround oval shape blue color circle ?

[Nagarjuna_Saidu]

Hi Everyone,

My requirement is to create Text is surround oval shape blue color circle like below image

[ArulDevan (Aruldevan Thangappan T)]

Hi @NagarjunaS16644648: Please check this to change a filed background. You can also change the container format of the layout to achieve this. Please see guardrail warnings in the home page of designer studio for this kind of implementation.

Thanks.

[Nagarjuna_Saidu]

@ArulDevan : how to configure this text box like above oval shape surrounded by text

[Anoop_Krishna]

@NagarjunaS16644648

1. Open your skin rule

2. Components tab

3. Layouts-> Container-> Default

4. Saveas Default to your own name-> eg:- OvalContainer

5. In your container-> OvalContainer, go to BOX tab

6. In use mixin-> select —>Action Background Hover<— This will be in blue colour

7. expand Background-> In additional styles copy paste below

Attribute → border-radius

Value → 300px

7. Now you will have blue oval container

8. Now open your text control. Keep your text control inside a dynamic layout. For that dynamic layout → Container format-> Other-> Your container format(OvalContainer)

Note:- You can adjust your border-radius according to your convenience.

[Nagarjuna_Saidu]

@Anoop Krishna I was trying this approach like below images

[Anoop_Krishna]

@NagarjunaS16644648 Great !!

[Nagarjuna_Saidu]

@Anoop Krishna : But this approach comes from your knowledge. Thank you bro