How to improve UI spacing for the profile modal button and reveal the "Hide from Pre-built UI" toggle? Answered

Post author
John Matias

Hey Duncan from Memberstack I've got a request for a UI improvement of some kind to the profile modal. The manage subscriptions button is kind of squashed against the Free Plans section. And it gets a little lost. I'm not sure what would look best but perhaps a little padding around the button or maybe laying out the button in a way that looks similar to the list of free plans? I'm not the best designer so sorry I can't offer a more constructive suggestion. πŸ™

Comments

16 comments

  • Comment author
    Tyler Bell

    Hmm it’s actually not suppose to look like that 🀣 πŸ˜…

    0
  • Comment author
    John Matias

    For the record, I know that I could set up some really awesome custom profile pages using the components but I haven't been able to get to those kinds of upgrades yet. I leverage the pre-built modals for this area.

    0
  • Comment author
    Josh Lopez

    what url can i see this in action? Should be an easy fix

    0
  • Comment author
    John Matias

    I'm just using the standard:

    data-ms-modal="profile"

    0
  • Comment author
    Josh Lopez

    this is for the weeklysafety app right? Just making sure

    0
  • Comment author
    John Matias

    Yes correct. Thanks Josh

    0
  • Comment author
    Josh Lopez

    it looks like your css is overriding the modals.

    try adding this inside your head tag below the memberstack script

    <style>
    .ms-modal h3 {
     margin-top: 18px !important;
     margin-bottom: 10px !important;
    }
    </style>
    0
  • Comment author
    Tyler Bell

    Josh can we fix this directly in our script?

    0
  • Comment author
    Josh Lopez

    yes i will work on that. this is a temp fix

    0
  • Comment author
    John Matias

    Thanks, I'm really not sure what would have caused that - I didn't think I had any custom css that would affect that. 🀷

    0
  • Comment author
    Josh Lopez

    all good. I will fix it so it doesnt happen again

    i just submitted a pr for this so it should get fixed when the next update goes out!

    0
  • Comment author
    Tyler Bell

    fix is deploying now πŸš€

    0
  • Comment author
    Josh Lopez

    just tested and it seems to be fixed!

    0
  • Comment author
    Patrick

    Is there any way to show the 'Hide from Pre-built UI' toggle when a custom field is created?

    I believe I have to recreate almost all of my custom fields if not..........

    0
  • Comment author
    Julian Galluzzo

    Yeah there is! This is a bug actually. I'll send a loom now which will explain what you need to do

    Here's the solution! https://www.loom.com/share/7d4e6600c27f4be7808c7d192cccb327

    0
  • Comment author
    Patrick

    Julian Galluzzo Legend, thanks!!

    0

Please sign in to leave a comment.