We have just published a new plugin - Cool Effects & Animations for Inputs
Make the interaction with your users more engaging by adding awesome effects and animations to the Bubble inputs. This plugin triggers an animation on selected inputs whenever the input focus starts or ends (The animation color can be customized)
Hi - I purchased this plugin for a form I am building. I am happy with the effects but have a question around validations - if the user inputs an invalid input, how do i show a read box / alert to get them to correct the error in real time (the plugin seems to overwrite the bubble.is functionality to do the same). Basically m looking to recreate this functionality -
You can simply use conditional formatting on inputs to change the look of the input (like you would regularly do in Bubble) and use workflows with conditions (like when input’s value is … then show an alert etc.)
Hi Levon
Thanks for the suggestion on conditional formatting. My point was that the plugin seems to block the conditional formatting inbuilt on the inputs from working. So creating workflows would be the only work around (that would be pretty cumbersome for all the inputs)?
do you mean the behavior when Bubble highlights the inputs which are empty or not valid? Yes, i’m afraid it cannot be otherwise and using workflows it the only work around here.
Hi Levon - Would greatly appreciate if you could give me an example of this / point me to the right forum post or app example? (have been searching but couldnt quite get it)
Hi. Could you pls help with this issue. Plugin is great but when page loaded and input shows initial content it goes like this. how to change it? It’s upper effect.
Hello, @korolov59. Thanks for reaching out and apologies for the delay.
The reason why this is happening is in the settings you add to the Input element.
For example, if you indicate the text in Placeholder, it will be shown as the background or as the animated text, and will disappear from the input field when you add the actual input: Placeholder - video
If you indicate the text in Initial content field, instead of the Placeholder, you will have as a result a text element in your input field which will be always displayed in it (after page refreshes and so on): Initial element - video
But if you indicate the Placeholder and the Initial content at the same time - you will get the same effect you are asking about: 2 features overlapping each other - video
This issue is observed with the animated Placeholders, the obliged condition - the Initial content should be indicated.
Hope this info was helpful.
Regards,
Zeroqode Team
Thank you guys for your answer. But still I didn’t get it.
I need placeholder to be on top by default in case initial content is running like in the pic 1 .
Right now initial content and placeholder are visible in the the same time like in the pic 2 and this is not cool. When I focus the input it goes like in the pic 1. But I need placeholder to be on top when page is loaded if initial content exists. Is it possible to do it?
With the current Effect you have chosen (according to your screenshots, it is Upper) - no, it is not possible.
The idea of this effect is to move the Placeholder to the top when the input field is on focus. But it does not have a condition, to freeze the Placeholder on the “endpoint” position, when the Initial content is indicated.
As a walkaround, you can test all available effects and choose the most suitable for your current needs.
Also, if you need to display a static text on the top of your input field (as a default) - you can try just to create a simple text element and place it above the input field.
Thank you for understanding and please receive our apologies if some functionality of our plugin is mismatching with your needs
i have an invisible floating group on my page which shows when you click a button. In this fg there are several input fields with the effect 16. Now when you close the fg (hide fg) I implemented a workflow to reset data in the fg. If you now click the button again to show the fg the input elements are not reseted as normal. See in screenshot how the elements look after the second click. Is there a way to turn the inputs back to normal?
Regards
Matthias
@levon - It would be better, if you can include the pricing + some screenshot of plugin with your “Every” new plugin post as it will be more easy to make a deal.
.
and this is not cool. When I focus the input it goes like in the pic 1. But I need placeholder to be on top when page is loaded if initial content exists. Is it possible to do it?
