nicewp123
Forum Replies Created
-
@wpmudevsupport15, exactly what I need, thank you so much, Zafer, you are amazing!
@wpmudev-support8, “You could possibly edit that message directly in translation files.” How to do that? Thanks!
@wpmudev-support8, You’re a legend, Adam! It works exactly as I wanted, thank you so much, that’s perfect!
@wpmudevsupport12, @wpmudevsupport13, @wpmudevsupport14, thank you very much for your helpful tips, you are amazing!@wpmudevsupport13, Thank you very much for your help!
One more thing I wanted to ask: When I edit calculation field value with js, then it is not saved correctly in submissions (takes original formula). But I can edit text field with js and it is saved correctly. But then text field can be edited by user and css I applied to block it don’t seem to work perfectly (user can click Tab and edit the field despite tabindex=”-1″). I’m wondering how to implement “no tab no edit” feature (as Calculation field).Here are the files: https://easyupload.io/2np9hi
@wpmudevsupport13, I’ve played a bit with the code to fix the problem. Anyway, here is the original approach you suggested https://easyupload.io/z6f9x6 (basically same code as yours but I removed “#forminator-module-290” because even after I adapted it to my own form ID, it didn’t work).
The point is that submit button is too far below and that mobile version gets broken as I pointed in this screenshot https://easyupload.io/dp161s . You don’t have same problem when you apply your own code? Please let me know, thanks!
@wpmudevsupport12, sure, here it is https://easyupload.io/nfp9uy . I think the issue might be with Submit button which wasn’t properly regulated and therefore breaks the rest of form.
@wpmudevsupport13 It looks amazing, thank you so much!
One thing which is still unsolved is that submit button (“Send message”) is now too much down below https://easyupload.io/dp161s . Is there a way to move it up? Following your example, I’ve tried: “.forminator-button-submit {margin-bottom:-100px;}”, but it doesn’t do the trick.
Furthermore, probably due to submit button, the form gets broken for mobile (as seen in screenshot). Why is this even happening when this css was defined explicitly for desktop? (I would expect it should not affect mobile view). Is there a way to fix?
@wpmudevsupport14 Thank you for fast reply!
Here is the structure of my actual form (.txt) plus screenshot of how I want it to be (.png) https://easyupload.io/m/h7y6cz
One extra note: since yesterday forms stopped to display images from Html field when I publish form on website (also this form I shared now) but it works in Preview, not sure if problem is on my side or Forminator.Forgot to mention: I’ve tested solution with “margin-top: -84px !important;”, it works well for first 4 elements, but for some reason after I set position for 5th element, position of all other elements changes too as if they are somehow connected. Therefore, I started to think in the direction of decoupling columns completely (as described above), not to set parameters individually for each field.
@wpmudevsupport12, Many thanks, that’s a great solution to separate pc and mobile design!
Though, I’m still struggling with columns design. To be more specific here is my form now and how I want it to be https://easyupload.io/m/w84xu4 . Basically, I want that the distance (I also want to control this parameter) between elements in each column to be always same (kinda columns are independent from each other). I’ve found this link on this forum about grid layout in css https://css-tricks.com/snippets/css/complete-guide-grid/ , but I’m a bit confused how to apply it in my situation. Right now, forminator always aligns elements on the same level (according to height of largest element), so I’m wondering whether there is a way to disable it, because it is space-inefficient.
Also, please let me know whether it’s possible to control column width (Forminator also optimizes it for all columns to be same).
Many thanks for your time, I’ve gave this plugin 5 star review!Here is the image https://file.io/nNh1k2eRBEQm
Here is the code https://pastebin.com/TPhYrYPK . As you can see in Appearance CSS, the elements in the first columns are shifted vertically to avoid blank spaces. However, such trick doesn’t work for mobile, so I’m wondering whether this settings can be done more flexible (adapting to screen size).