Question
Hopkins Software Pvt. Ltd.
IN
Last activity: 10 May 2023 2:05 EDT
How to create Text is surround oval shape blue color circle ?
Hi Everyone,
My requirement is to create Text is surround oval shape blue color circle like below image
Accepted Solution
Updated: 10 May 2023 1:28 EDT
Bits in Glass
IN
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
5. In use mixin-> select --->Action Background Hover<--- This will be in blue colour
6. 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.
NCS Pte. Ltd
SG
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.
Hopkins Software Pvt. Ltd.
IN
@ArulDevan : how to configure this text box like above oval shape surrounded by text
Accepted Solution
Updated: 10 May 2023 1:28 EDT
Bits in Glass
IN
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
5. In use mixin-> select --->Action Background Hover<--- This will be in blue colour
6. 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.
Hopkins Software Pvt. Ltd.
IN
Bits in Glass
IN
@Nagarjuna Saidu Great !!
Hopkins Software Pvt. Ltd.
IN
@Anoop Krishna : But this approach comes from your knowledge. Thank you bro