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 at 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 1 month, 3 weeks ago 2 Membres · 4 Réponses
  • 4 Réponses
  • Nicolas

    Member
    17 février 2025 at 14h44

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

    merci @R3dKap

  • R3dKap

    Member
    17 février 2025 at 21h59

    Avec plaisir m’sieur @Nicolas 😋

  • Nicolas

    Member
    25 février 2025 at 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>"
    • This reply was modified 2 months ago by  Nicolas. Reason: amélioration de l'explication
    • This reply was modified 1 month, 3 weeks ago by  Admin. Reason: Mise en forme du code
  • R3dKap

    Member
    27 février 2025 at 22h03

    👍

Connectez-vous pour répondre.