Making the background of Form Card transparent

[n-srinidhi]

Hello!I am trying to create a page using the form_card element. I noticed that using the cards with a dark background makes it look like this:

1. The form card background colour and the colour of the background outside the form card look different. Is there a way to make the background of the cards transparent, Something like this?

2. Can I remove the borders of the textbox?

[mturoci]

Wave does not provide this level of control, but both of these can be solved using custom CSS.

Note that we do not recommend using it much since your style selectors can break in the next Wave version.

[n-srinidhi]

meta_login=ui.meta_card(
box='',
title='Login',
layouts=[
    ui.layout(
        breakpoint='xs',
        zones=[
            ui.zone(name='header'),
            ui.zone(name='top', direction=ui.ZoneDirection.ROW, size='200px'),
            ui.zone(name='main_login',align='center',justify='center')
        ]
        )
    ],
theme='neon'
)

main_login=ui.form_card(
    box='main_login',
    items=[
        ui.textbox(
            name='uid',
            placeholder='Enter User ID',
            required=True
        ),
        ui.textbox(
            name='pwd',
            placeholder='Enter Password',
            password=True,
            required=True
        ),
        ui.buttons(
            justify='center',
            items=[
            ui.button(
            name='btn_login',
            label='Sign in',
            path='',
            primary=True
            )
            ]
        )
    ]

)

This is how I'm implementing it now. Is it possible to fill the form card in the whole page and only customize the text boxes and button to stay in the center?This will be close to what I'm trying to achieve.

[mturoci]

to fill the form card in the whole page

Yes, that's doable.

the text boxes and button to stay in the center

This is not currently easily possible, you would need to use custom CSS in the meanwhile. Filed a feature request - #1780

[n-srinidhi]

Thank you!