0

Make an image flash (repeat)

Has anyone ever managed to make an image flash on and off

I use a light bulk image that pops up on order forms when a customers file card has been set to have a warning (ie customer on stop - qualifys for a specil done of voucher discount etc)

I've tried using formula fields that pop up a solid colour box etc and found using an the image is better but users still miss it. But I could do with it to flash on and off x amount of times then stay on as apposed to simply a static image

any ideas?

 

Thank Mel

4 replies

null
    • Ninox partner
    • RoSoft_Steven.1
    • 3 yrs ago
    • Reported - view

    Mel,

    You could use CSS to do that and display it in a formula field. Here's an example:

    Put this in a multiline text-field (which you can put in a settings-table so you need only one general text field):

    <html>
    <head>
    <style>
    @keyframes blink {
    0% {
    opacity:1;
    }
    50% {
    opacity:0;
    }
    100% {
    opacity:1;
    }
    }
    .blink-image {
    animation: blink normal 2s infinite ease-in-out;
    }
    </style>
    </head>
    <body>
    <img class="blink-image" src="https://files.ninoxdb.de/5d22045ea561100d08085dfe.jpeg">
    </body>
    </html>

     

    Now you can refer to the image in a formula field : html(your-text-field)

     

    Steven

    • Mel_Charles
    • 3 yrs ago
    • Reported - view

    Steven ! is there no end to your talents

    works first time !! - Brilliant

    Thank you sir :-)

    Mel

    • Mel_Charles
    • 3 yrs ago
    • Reported - view

    Steven

    Can I call my own jeg image direct in ninox with the css - instead of your in your sample

    I have an image (alarm.jpeg) which is in SystemFile table

    which I was calling with (select SystemFile).Alarm

    and then setting on click and show attributes

    • Ninox partner
    • RoSoft_Steven.1
    • 3 yrs ago
    • Reported - view

    Once you put your picture in a image field, you can chose to share (you get a link) your picture in the top right menu of your image field. I guess this would do the trick?

Content aside

  • 3 yrs agoLast active
  • 4Replies
  • 475Views