Code YAML pour un fond flou dans Power Apps

  • Code YAML pour un fond flou dans Power Apps

    Posté par R3dKap sur 17 octobre 2024 à 17h36
    - htmFormPopupBlurOverlay_CTC:
    Control: HtmlViewer
    Properties:
    OnSelect: =Select(btnFormCancel_CTC)
    HtmlText: =$"<div style='background-color:#00000011;width:{Self.Width}px;height:{Self.Height-1}px;backdrop-filter:blur(10px)'></div>"
    Height: =Parent.Height
    PaddingBottom: =0
    PaddingLeft: =0
    PaddingRight: =0
    PaddingTop: =0
    Width: =Parent.Width

    Le background-color c’est juste si vous voulez coloriser un peu votre fond flou -> pas obligatoire… 😉

    R3dKap a répondu Il y a 1 mois 2 Membres · 4 Réponses
  • 4 Réponses
  • Nicolas

    Membre
    17 février 2025 à 14h44

    j’étais passé à coté quand tu l’as publié , et notre ami google m’a ramené vers le forum ,

    merci @R3dKap

  • R3dKap

    Membre
    17 février 2025 à 21h59

    Avec plaisir m’sieur @Nicolas 😋

  • Nicolas

    Membre
    25 février 2025 à 10h39

    Hello @R3dKap

    en utilisant ton code , j’ai apporté une petite modif (merci l’IA mon niveau en html est loin vers le bas….)
    la petite ligne d’1 pixel en bas pour ne pas avoir la barre de défilement, me dérangeait un peu,

    le radius est a adapté bien sur si on a pas le même arrondi a chaque coin

    $"<div style=”background-color: #00000011; width: {Self.Width}px; height: {Self.Height}px; backdrop-filter: blur(10px); border-radius: {Parent.RadiusTopLeft}px; position: absolute; z-index: -1;”> </div>"
    • Cette réponse a été modifiée Il y a 1 mois par  Nicolas. Raison: amélioration de l'explication
    • Cette réponse a été modifiée Il y a 1 mois par  Admin. Raison: Mise en forme du code
  • R3dKap

    Membre
    27 février 2025 à 22h03

    👍

Connectez-vous pour répondre.