Power Apps Design: Relógio Moderno Personalizado + Tela Completa

Esse código cria uma tela de agendamento no Power Apps. Ela é dividida em 3 partes: Cabeçalho: botão de voltar, título da tela e botão de home. Conteúdo principal: mostra o serviço, permite escolhe...

By · · 1 min read
Power Apps Design: Relógio Moderno Personalizado + Tela Completa

Source: DEV Community

Esse código cria uma tela de agendamento no Power Apps. Ela é dividida em 3 partes: Cabeçalho: botão de voltar, título da tela e botão de home. Conteúdo principal: mostra o serviço, permite escolher a data e depois o horário. Rodapé: exibe o resumo da data/hora escolhida e o botão para confirmar. Na parte de data, a galeria mostra os dias da semana e o usuário pode selecionar um dia. Na parte de horário, há um relógio visual e controles para escolher hora, minuto e AM/PM. - scr_BookAppointment: Control: [email protected] Variant: AutoLayout Properties: DropShadow: =DropShadow.None Fill: =App.Theme.Colors.Lighter80 Height: =Parent.Height LayoutAlignItems: =LayoutAlignItems.Stretch LayoutDirection: =LayoutDirection.Vertical RadiusBottomLeft: =0 RadiusBottomRight: =0 RadiusTopLeft: =0 RadiusTopRight: =0 Width: =Parent.Width Children: - ctn_Header: Control: [email protected] Variant: AutoLayout Properties: DropShadow: =DropShadow.None FillPortions: =0 Height: =75 LayoutAlignItems: =L