Modal window

Fixed the animation tab.
★ I used a normal button instead of a floating type.
★ You can change the displayed characters with the Title of each button.
★ You can change the width, color, position, etc. of the button.
★ Floating type is backed up in MENU.

3 Likes

thank you

Hi @hisashi.fujita , I am trying to make my info button as a floating button, but the css in your new modal app doesnt seem to effect it. not sure what i am doing wrong :frowning :frowning:

Amal, I’m not sure what CSS you’re using right now. But your confusion right now may be due to the following description of the CSS I’m presenting.
Let’s explain with the CSS of the uploaded image.

div [id * =‘screenScrollView’]> div> div: nth-of-type (1) [data-test = “app-button-view”] {
bottom: 24%;
}

★ The number of type (1) in the code indicates the order of the components used on the left side from the top.
type (1) → 1st top ・ type (2) → 2nd from top ・ type (3) → 3rd from top
It is specified as.

Please try this.

2 Likes

thank you so much @hisashi.fujita this is very clear to me now and working great

any way to split the button bar into individual buttons?
image

What kind of finished product are you aiming for?
Please tell us a little more detail.

You can create 2 bar buttons and configure each one with a blank background & text on the left & right

image

image

3 Likes