Services Plugins FAQs

How to get the "Tinder Swiping Cards" plugin to work?

Hi @Stephan,

CardsDeck(PRO) and “Group Card Template” are exactly of the same size, I even fixed their sizes:



Moreover, the cards are displayed as intended right after the preview starts (before the dynamic value for “Text” is set), but after about a second the cards move up (after “Text” becomes “John”). The preview element inspector also shows the correct position:

Do you have any idea why this is so?

Wow, that helped, thank you! But what should I do to see the image as well?

Okay, thank you! I’ll wait :slight_smile:

I don’t see anything suspicious in the debugger:


(You can even see that “John” has a profile picture.)

1 Like

Hi @Innovator2K,

Thanks for getting back.

We have tested the plugin on our Demo page, and Card Deck (PRO) displays images correctly.

Double check the setup, database, ensure the element ID is the same for the plugin element and for the group that contains image element, title, subtitle.



Hope this will help you out, please check our Demo page for any further reference.

Best regards,
Stephan

Hi @Stephan,

I’ve decided to test other cards decks offered by the plugin. “CardsDeck” works fine (everything is displayed and there is no rising up), but the cards format is not suitable for me. “CardsDeck[ElementsID]” is not relevant for my purposes. “CardsDeckvPro” is interesting, since it warns:
Screenshot from 2024-01-27 14-21-52
In my app, it’s okey for a user to have no profile picture and one of my users didn’t have images. Although “CardsDeckvPro” worked with missing pictures without errors, I decided to add an image to the user, since it might help to fix “CardsDeck (PRO)”. I set a profile picture for the user and run “CardsDeck (PRO)” in the preview mode, but this hasn’t helped :pensive:
Displaying images is not critical for me, but I’m upset because of the strange moving up (I’ve tried different positions, dimension sizes and so on). I can’t use “CardsDeck(PRO)” with such a behaviour :cry:

Hello @Innovator2K,

Thank you for the message.

I’m sorry to learn that you still encounter difficulties in using the “CardsDeckvPro” card.

To better understand what went wrong inside your app. Please add our Support Team as collaborators in your Bubble application.

To add our Support Team as a collaborator, you can follow these steps in the Bubble Editor:

  1. Go to Settings.
  2. Click on Collaboration.
  3. Add the email address support@zeroqode.com.

Please note that you may receive a warning message regarding your plan when adding collaborators. However, since we are an Agency, you can easily add us as collaborators without any issues.

As well, please share instructions on how to reproduce the issue on our side, the name of the page where the plugin element is located, group, plugin element, and workflow attached to it. A short description of where to click and user credentials to log in to be able to troubleshoot the reported issue. If possible, please attach a short Loom video (screencast recording where providing this guide).

Looking forward to hearing from you soon.

Best regards,
Stephan

1 Like

Hello @Stephan,

Wow, thank you and your team for such a great opportunity!

I’m sorry to learn that you still encounter difficulties in using the “CardsDeckvPro” card

Please note that the problem is with “CardsDeck(PRO)”, not with “CardsDeckvPro”. I also tried another browser (Firefox Web Browser) without any addons and with cache and cookies deleted before the attempt, but the rising up has reproduced, so you should be able to see the same behaviour.

Please add our Support Team as collaborators in your Bubble application.

Done:

please share instructions on how to reproduce the issue on our side, the name of the page where the plugin element is located, group, plugin element, and workflow attached to it

Page: “swiping”, group: “Group Swiping Cards copy” (in “Group Swiping”) contains the plugin element “CardsDeck(PRO) A” and the template “Group Card Template”, workflow: workflows aren’t attached

A short description of where to click and user credentials to log in to be able to troubleshoot the reported issue

  1. Choose the “swiping” page
  2. Click “Data”
  3. Pick the “User” datatype
  4. Click “App data”
  5. Click “Run as” for any user you like (I’m using the fourth from the top here)


    After this you should be able to see the “rising up”:

If possible, please attach a short Loom video (screencast recording where providing this guide).

I believe that everything is clear and that the video is unnecessary, but if not, please ask for clarifications. After all, I can try to record the video.

1 Like

Hello @Innovator2K,

Thank you for bringing us on board as collaborators.

We’ve thoroughly examined your application and confirm your observations. Despite setting everything up identically to our environment, the images remain invisible. This discrepancy appears to stem from Bubble’s method of storing and retrieving images across subscription plans.


Please allow us some time to delve deeper into this issue. I’ll come back as soon as we have any news about this matter.

Thanks for your understanding and patience! :pray:

Best regards,
Stephan

1 Like

I’m glad you’ve found a clue! Hope you’ll invent how to level out all the discrepancies!

By the way, is the rising up connected with the image display?

Hello @Innovator2K,

Thank you for the reminder about this matter.

It looks like something in your setup is causing an element to push up above the page. We’ll look into what’s behind this issue and if it is related to the plugin. In the meantime, try setting the height of the “CardDeck(PRO)” element to 1px, as this seems to be a temporary fix.

Please update us on how this solution works out for you. :pray:

Best regards,
Stephan

1 Like

Hi @Stephan,

It looks like something in your setup is causing an element to push up above the page. We’ll look into what’s behind this issue and if it is related to the plugin.

Hmmm, interesting… I look forward to hear any thoughts!

try setting the height of the “CardDeck(PRO)” element to 1px, as this seems to be a temporary fix

If I set the height to 1px, uncheck “Make this element fixed-height” and check “Fit height to content”, then it indeed helps, thank you! (I was also curious about violating the last two conditions. If I check “Make this element fixed-height”, then the cards go down; if I uncheck “Fit height to content”, then the cards go up as before.)

Hello @Innovator2K,

Hope this message finds you well.

I’m glad to hear that changing the Card height helped you to set them fine. I passed that to the dev team along with the previous image issue for further investigation. But for now you can explore using that way of settings.

Currently, I can’t give an exact timeframe for this to be resolved, but I’ll contact you as soon as any information is available.

In the meantime, if you have any further questions or require additional information, please don’t hesitate to reach out.

Thanks again for your understanding and patience. :pray:

Best regards,
Stephan

Hi @Stephan,

I passed that to the dev team along with the previous image issue for further investigation.

:+1:

But for now you can explore using that way of settings.

Can I work with the plugin element and the corresponding groups or does the dev team still need the setup? Does the dev team need the collaboration access?

Currently, I can’t give an exact timeframe for this to be resolved, but I’ll contact you as soon as any information is available.

The lack of an exact time frame is frustrating, but I understand your stirring life. I’ll look forward to the information!

Hello @Innovator2K,

Thanks for your message. :pray:

I’m pleased to inform you that we’ve pinpointed the cause of the issue you reported. A new update addressing this will be released within this week.

I will ensure to notify you as soon as the update is available for your review.

Thank you once again for granting access, it has significantly contributed to our understanding and resolution of the problem. :raised_hands:

Best regards,
Stephan

1 Like

Hi @Stephan,

A new update addressing this will be released within this week.

Great news! Thank you!

Thank you once again for granting access, it has significantly contributed to our understanding and resolution of the problem. :raised_hands:

I’m glad I’ve helped! :raised_hands: Also, thank you for fast responses and active help!

P.S. I’ll revoke the collaboration access on the weekend so that your team had time to copy the page and add it to your tests (or even experiment with it after the update).

1 Like

Hi @Innovator2K,

Hope you’re doing well! :slightly_smiling_face:

I’m excited to share that we’ve released the new version - “2.12.0”, which has fixed the “Card image” issue in the “Cards Deck (PRO)” element.

Could you update the plugin in your app and check if it’s working properly now?

Feel free to remove the shared access, and thank you once again for your collaboration. :pray:

If you have any questions or need more help, just let us know!

Looking forward to hearing from you.

Best regards,
Stephan

Hi @Stephan,

I’ve updated and checked, thank you! Now I can see the images.

:wink:

There remains a question about the “rising up” (on the second of February, you wrote that your team would look into what’s behind the issue), but this is not critical or urgent, since the temporary fix works. Also, if you plan to add other icons besides the heart, please don’t forget to let me know.

P.S. I want to work deeper with the plugin the following week, so there might be more questions :))

Oh, I already have two!

  1. Is it possible to access fields of the datatype that is specified in “Cards (App type)” of the plugin element (User in my case) from the template card? I want to add a display of interests of the current card’s User. If I could access the current card’s User, I would able to do so, but can I?
  2. How can I get the current card’s User from the plugin element in the workflow section? I need to create a thing of type “Interaction” where both users will be stored, but I don’t see anything like “'s User” here:

P.S. I can create a new thread for this, since it is not related to “getting the plugin to work”.

Hello @Innovator2K,

Thank you for reaching out with your queries.

After discussing it with the dev team, it appears that this is how the plugin currently works, but I added “custom icons” and width/height query in the plugin ideas/improvements. Unfortunately, we cannot provide an exact timeline for when this will be implemented, but we will keep in touch with you regarding any updates.

Could you please clarify your query? It seems you’re inquiring about accessing a user’s details from a card within the plugin element. Further details on your use case would help us provide a better answer.

To track user interactions, you can use the “Type of last action” and “Index of last used card” states. These allow you to identify and store interactions efficiently. Here’s a screenshot for your reference:


Additionally, you will have access to a comprehensive list of Liked and Disliked Cards at the end of the process, facilitating further analysis and actions:

There might be multiple ways to achieve your intended functionality. We encourage you to experiment with these options, and please don’t hesitate to reach out with any further plugin-related questions.

I look forward to hearing from you.

Best regards,
Stephan

Hello @Stephan,

Thank you for the fast answer!

Could you please clarify your query? It seems you’re inquiring about accessing a user’s details from a card within the plugin element.

Yes, I’m inquiring about this. I want to add a display of user’s interests. If I worked without the plugin, I would add a visual element of type “Text” with a dynamic value (e.g. “Parent group’s User’s Interests”). But how can I get access to User's fields when I use the plugin?

There might be multiple ways to achieve your intended functionality.

I’m sorry but I don’t understand how “Index of last used card” can help me. It seems I can’t use card’s indices because when I select users to display, I filter them based on the interactions they have participated in. If I use indices, I will need a mapping from indices to users, which is hard to implement since the same user may have different indices in different decks shown to different users. If there was “User’s unique id for last used card” or “a thing of type User for last used card”, then I would achieve the desired functionality: interactions would store the info and I would filter users based on the presence of their identifiers in interactions.

Hello @Innovator2K,

Thank you for your reply.

Your use case seems achievable, with some extra Bubble skills it should be possible. Unfortunatly we don’t have a simillar use case displayed on our demo page, but I advise you to experiment more and let us know if you encounter any difficulties.

Kindly note that we provide general guidance for our plugins, a demo page you can use for reference, and documentation for extra help.

In case you are looking for a Bubble developer who can help you customize your app the way you need, I recommend checking on Bubble forum → Help Section.

Have a great week ahead. :pray:

Best regards,
Stephan

Hi @Stephan,

Your use case seems achievable, with some extra Bubble skills it should be possible.

Could you please list exactly what skills I need? I’m not a Bubble professional, but I learn fast thanks to YouTube videos.

Kindly note that we provide general guidance for our plugins, a demo page you can use for reference, and documentation for extra help.

I’m afraid they all don’t contain information needed for my case, do they?