@joshua.luna0 (Joshua Luna0) posted a new topic, subject "How can you configure two floating groups?". It read:

   Hey guys,
    
    I have a mobile web messaging app and I'm having trouble with the location of the actual “send message” element. I've configured different mobile screens to be responsive but depending on the screen height, you'd have to scroll down a bit to the “send message” element.
    
    Is there a way to add this as a floating group on top of the floating group that I already have? I tried this a bit earlier briefly but I was having trouble having the logic route to sending messages in the right chat. Any advice or guidance would be great. Screenshots are below.
    
    Screen Shot jenny32@example.net AM.png450×655 57.1 KB

@J805 (NoCodeMinute) replied

    Have you tried using set states?

After which, @joshua.luna0 (Joshua Luna0) added

    What would that look like?

@J805 (NoCodeMinute) replied

    The forum has many examples of set state tutorials, you can try this one to give you an idea:
    
    Set States FREE Video Tutorial  Tips
    
    > Hey everyone, I just wanted to do a video about how to use set states because it's so important to know and helps so much. Once you understand set states you can do so much more with bubble. It's mind blowing.  Here is a 10 min video that explains how to use set states with changing “pages” in a one page app. This helps you understand why set states are helpful and how much less work it is once you understand it. You can use it in so many ways! So much better than a bunch of …

@J805 (NoCodeMinute) replied

    Basically a set state is a temporary piece of data that you can set to anything you want. It can be the message, the user, or anything else you may need to put somewhere that doesn't need to be saved to the database yet. Does that make sense?

After which, @joshua.luna0 (Joshua Luna0) added

    I've used set states for changing icon colors of the menu at the bottom, but not sure how it would apply for messaging. I would need it to be saved to the database. I guess I'm not following here.

To which @J805 (NoCodeMinute) replied

    It depends how you have it set up currently, what does your process look like now?

Then @joshua.luna0 (Joshua Luna0) said

    My workflow for the “send message” button is below:
    
    Screen Shot jenny32@example.net PM.png1314×186 12.1 KB
    
    My biggest question is how can I add this to a separate floating group and fix it atop the “menu” floating group that I have for the application.

So @J805 (NoCodeMinute) replied

    I think I misunderstood you before. Now I think I understand. How does your element in the editor look? Is It right on top of the other one?

Then @J805 (NoCodeMinute) said

    You can also put them both in the same element and just show the one when you need to

Then @joshua.luna0 (Joshua Luna0) said

    I think that worked, thank you!


{'source': 'discourse', 'url': 'https://forum.bubble.io/t/how-can-you-configure-two-floating-groups/61738', 'title': 'How can you configure two floating groups?', 'views': 654, 'has_accepted_answer': False, 'word_count': 362, 'like_count': 2, 'reply_count': 9, 'participant_count': 2, 'posts': 11, 'tags': '', 'author': '@joshua.luna0 (Joshua Luna0)', 'participants': '@joshua.luna0 (Joshua Luna0), @J805 (NoCodeMinute)', 'image_url': ['https://forum.bubble.io/uploads/default/original/3X/6/d/6d95ece9c31dd25297a020ebe6f8f8db5e75ac00.png'], 'created_at': '2019-07-15T16:51:03.712Z', 'last_posted_at': '2019-07-15T18:16:05.870Z'}