Templates Plugins Courses

Full Screen Error


#1

I purchased the full screen element plugin but I am struggling to get it to work. I created a forum post on bubble which shows the error.


#2

ok ive got past the error. Now I can do the following:

  1. Create a button on a page that expands my repeating group. However, one of the elements is always left outside the group when i leave full screen.

  2. Attempt to go full screen using a button from within the repeating group but it instantly snaps back to not being full screen. The button in the repeating group that makes the group full screen is ultimately the end goal


#3
  1. When I use the Make Element Go FullScreen, focus groups are no longer shown.

My zeroqode mapbox plugin doesnt enlarge in width to fill the space created by going full screen. How would you recommend I achieve this. Perhaps put the map in a floating group?


#4

Hello, Alex thanks for reaching us!
So to bring everything to one place I’ll insert your bubble request screenshot image here.

As the error suggests, we can guess that your element id is undefined, please specify in the workflow the following:
image
Element ID must be the value of the element you want to assign

The ID are visible after you do configure it in bubble:
First, navigate to the app Settings -> General tab, and tick the checkbox next to
"Expose the option to add an ID attribute to HTML elements:

Best regards, Vitalie.


#5

Hello Vitalie,

I’ve got it mostly working. Apart from the following two issues:

  1. While the whole page is fullscreen, a focus group nav menu no longer can be shown
  2. When full-screening a repeating group, the group contents does not expand with the background. Note: This repeating group responsiveness appears correct when in edit mode.
  3. A float group on the page that is being made fullscreen disappears

Kind regards

Alex


#6

Hello again! We will look into this issue and get back to you asap.
Best regards, Vitalie.


Dynamic height plugin not responsive
#7

Hi Vitalie, any news?


#8

Hello again, Alex.
Could you share some more screenshots of your application so we can see the workflow you are trying to set up?
Best regards,
Vitalie


#9

Hi @Vitalieprocopan,

Thanks for getting back to me. Sure thing. See below:

  1. I am using an icon to make my page full-screen. It works but the focus groups on this page no longer appear.

2.I am using an icon to make a repeating group go full screen. The background fills the screen but all the groups on the page dont move.



#10

Please check the following checkboxes on your elements that do not resize:
image
Make this element fixed-width = do not check
Apply a max-width when the page is stretched = do not check,
Regards,
Vitalie


#11

I have unticked any elements that had a fixed width set but the floating group does not show and the contents of the re-usable element do not move to match the expanded background


#12

Ive unsubscribed from your dynamic heights plugin for now, but I really woud like to get the full screen plugin working.

To summaries the main issue, my page goes full screen but I lose all focus and floating groups in the process.

Thank you in advance


#13

Hello again @alex3. Please refer to the demo workflow for the reference, https://bubble.io/page?type=page&name=fullscreen_element_action&id=zeroqode-demo-16&tab=tabs-2 .
Regards,
Vitalie


#14

Hello Vitalie,

Yes, I know how to trigger the full screen. The issue is none of the floating or focus groups show up on the page that I trigger to go full screen. Perhaps the plugin isn’t designed to do that?

Compare the two photos below:
Before triggering full screen -

Once in full screen - All focus and floating groups gone


#15

Hello, again @alex3 !
Try grouping all your elements in a group, and then assign the fullscreen plugin element ID of that group.
Regards,
Vitalie


#16

Hi Vitalie, I thought that might have resolved it but it didnt sadly.

I duplicated my page and copied the majority of the contents into a new group. I made sure that the footer (floating group) and the main menu (focus group) were inside this new group. I named the new group “vizyalpagegroup” and assigned a workflow to an icon that when clicked would “make element fullscreen”. As before, the page goes full screen but floating and focus items disappear.


#17

Hello @alex3

Sorry for late response, currently the plugin does not work with these types of elements due to their nature one which floats on the screen on top of the page but are not contained within the page - Floating Group.
The other having it’s position relative to another element - Focus Group.
Fullscreen is supported if there is no platform limitation. These elements do tend to limit usability of different types of plugins.

We’ll have to look at the plugin more closely in order make it work with Bubble. I’ll update as soon as possible on the matter, if we can move forward in implementing the desired feature.

Thanks for understanding.
:pray:

Regards,
Dumitru.


#18

Hello @Dumitru,

Thank you for your response. Ok understood about focus/floating groups not being supported yet. I think it would be good to support these as I am sure there are other people who would like to make their apps go fullscreen and who use focus/floating groups.

I also have a problem with a reusable element which hopefully you can help with. When I expand my camera page element, it goes full screen but none of the contents attempt to fill the space. See image. I have set the responsive settings so in theory I would have thought the elements within this group would expand. I believe Vitalie in the past said that groups should not be set to fixed width. This is mostly true in my case apart from things like icons which need to be fixed.




#19

@alex3

Regarding the reusable elements, not really sure they’re set on you side. But the plugin should expand indeed the groups-elements which are not fixed width.

What types of elements are you trying expand? Can you please give us more details or if possible to offer access to your application with a test page so we could take a look at it closely for debugging?
Add [email protected] as collaborators in your application, please say the name of it and the page where we could test it.
Thanks.
:pray:


#20

Hi @Dumitru, I’ve temporarily made the app accessible with the following details ( i dont have a pro account yet):

tempuser
TempPassword2

The page is called Vizyal and the element I am trying to make go full screen is called Cameras with an id of cam_id