Pop Up Layer on Mobile varaiant not working at all - help :)!
Hi Everyone
Recently got a new site working with a variant for PC and mobile phones. I'm using a menu link at the top that links to a pop up layer as the drop down menu when clicked or touched (on a touch screen). It works perfectly on my PC, but when I see the mobile variant on my phone, it does nothing. So as a test, I tried just creating the menu itself (from the pop up layer) as a separate page so that on the mobile version, the menu link links to the menu page and not a popup layer, and it works. So it seems to me that somehow there is an issue with a pop up layer on a phone that isn't working. Has anyone come across this before and offer any ideas as to how to solve it?
Thank you so much in advance for any help :)
D :)
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
Would you copy/paste the original menu into a new project and upload it here?
If I'm interpreting your description correctly, then I see no reason why it isn't working.
1 Attachment(s)
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
Quote:
Originally Posted by
Chris M
Would you copy/paste the original menu into a new project and upload it here?
If I'm interpreting your description correctly, then I see no reason why it isn't working.
Thanks so much, please find that attached. Like I said, it works on PC but not on mobile? For some strange reason, if I change the link type (on the menu button - I use a transparent rectangle as the linking layer, placed over the menu text panel) from pop up to web page, then it works, but just can't get the pop up to work!
1 Attachment(s)
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
I fared worse than you, I couldn't get it to work no matter what screen res I used.
I'm not sure why you have the menu button on a separate layer, it should be on the MouseOff layer, so I moved it. Still nothing.
I messed around with all sorts of weird things before deciding to start from scratch.
Create layer named menu and create your content (I simply copy/pasted the content from your Pop Up Menu layer)
Select MouseOff and create a button
Link the button to menu Utilities > Web Properties > Link (tab) > Pop-Up Layer (drop down menu)
Everything works as intended. Why your original didn't play ball, I can't answer, but I'd take a stab in the dark and guess it's a page attribute/setting rather than object/link thing.
>>> Attachment 130973 <<<
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
Quote:
Originally Posted by
Chris M
I fared worse than you, I couldn't get it to work no matter what screen res I used.
I'm not sure why you have the menu button on a separate layer, it should be on the MouseOff layer, so I moved it. Still nothing.
I messed around with all sorts of weird things before deciding to start from scratch.
Create layer named menu and create your content (I simply copy/pasted the content from your Pop Up Menu layer)
Select MouseOff and create a button
Link the button to menu
Utilities > Web Properties > Link (tab) > Pop-Up Layer (drop down menu)
Everything works as intended. Why your original didn't play ball, I can't answer, but I'd take a stab in the dark and guess it's a page attribute/setting rather than object/link thing.
>>>
Attachment 130973 <<<
Wow, thank you so much for taking the time to work this bug out!!!! Very much appreciated. Is late here so will open your file and try in the morning, but I'm sure it'll work perfectly in my site. Again, thank you so much as this was really bugging me something crazy (pun intended) :)
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
Yes, I too had a go last night and could not make heads nor tails of what was going on. As Chris mentioned, there was no reason why it should not work. It just didn't. I threw up my hands, admitted defeat, and went to bed.
Glad Chris got it sorted.
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
wwdileie, your original file is corrupt just with the Pop Up Menu layer as when I created another layer and move the items to that and linked, it all worked.
That said, your design should never really be flying.
Here are the steps to implement a cleaner pop-up menu in your XDA:
- Avoid creating any layers under MouseOff; there is no need.
- If using a Transparent shim with a link to the pop-up, do not use 100% Transparency; use 99% - it is safer as you can then select it. There is nothing worse than an invisible, untouchable shape.
- Create the menu items on the MouseOff layer; Soft-group them.
- Add the Link to the entire soft-group.
- Add some changed aspect of the menu button in the MouseOver layer; the shim will automatically open this, giving you a proper button effect. Add a splash of colour.
- Your design has shapes outside the page size; these will never render.
- Your pop-up menu items are static. Create a new layer above 'Pop Up Menu' and call it 'MouseOver Pop Up Menu'; personally, I would use just 'Menu' & 'MouseOver Menu'. Add a splash of colour here as well.
Acorn
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
Quote:
Originally Posted by
Acorn
wwdileie, your original file is corrupt just with the Pop Up Menu layer as when I created another layer and move the items to that and linked, it all worked.
That said, your design should never really be flying.
Here are the steps to implement a cleaner pop-up menu in your XDA:
- Avoid creating any layers under MouseOff; there is no need.
- If using a Transparent shim with a link to the pop-up, do not use 100% Transparency; use 99% - it is safer as you can then select it. There is nothing worse than an invisible, untouchable shape.
- Create the menu items on the MouseOff layer; Soft-group them.
- Add the Link to the entire soft-group.
- Add some changed aspect of the menu button in the MouseOver layer; the shim will automatically open this, giving you a proper button effect. Add a splash of colour.
- Your design has shapes outside the page size; these will never render.
- Your pop-up menu items are static. Create a new layer above 'Pop Up Menu' and call it 'MouseOver Pop Up Menu'; personally, I would use just 'Menu' & 'MouseOver Menu'. Add a splash of colour here as well.
Acorn
Hi Acorn, Chris & gwpriester
BTW, thanks Chris for your post, but unfortunately it didn't work either. When I looked closer in your project file you sent, you have linked to a bitmap image, not a layer with items... But I tried what you suggested and it still didn't link properly :(. However, for some strange reason, without having changed anything I can put my finger on, it's showing now. But also, other weird things are happening. So, I created two sub menu pop ups, a main menu and a products menu (which is supposed to pop up on clicking on 'products' in the main menu pop up). However, none of the links in either menu works and the actual pop up for the products menu shows up on my mobile screen without clicking anything (it has been has been visually disabled in xara so I have no idea why it's showing by default). So it seems to me xara is doing all sorts of strange things that doesn't make any logical sense to me. If anyone can help shed any light on this, I would be very grateful :)
1 Attachment(s)
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
Here is a mobile menu format that I have used on many occasions: Attachment 130984. It has a single link from the MouseOff layer to a Menu layer, which in this case has a corresponding MouseOff layer, much the same as would be the case for a desktop menu. The only value a MouseOver layer has on a touch device is that it shows the page you are on; otherwise you can simply use a single layer menu.
The Links on the Menu can point to anything, but you need to repeat this menu on all your pages. It would help I think if you explained what you want to achieve in terms of site structure; particularly in terms of submenus.
I'm sure members here will be able to offer you some ideas.
Gary
1 Attachment(s)
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
I don't understand why it didn't work as it works well on my machine.
If you look at the step-by-step I posted, you will see that the button is linked to the layer, not a bitmap. The content can be anything, I simply copy/pasted what you had.
Here's the same thing, but with an added layer. Main page - layer1 - layer2. The 'Close' button serves no real purpose as the layers are set to close automatically, which is something I hardly ever use, especially on a menu.
>>> Attachment 130985 <<<
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
wwdileie , both @Initiostar's & @Chris M's designs work.
Initiostar has almost followed my playbook to the letter.
Without changing anything in Initostar's design, doe sit run on your phone?
If not, suspect the phone's browser of its settings.
Don't rush off and create something else until you have built up your one design, step-by-step.
If it still does not work, assume your editing is wrong; i always does this when I work as I know I'm wrong.
If you are totally convinced you are good then blame your XDA.
To try to fix that pick Run as administrator the once; it can clear the weirdest manifestations.
Finally, when all else fails, upload your design afresh.
Acorn
2 Attachment(s)
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
Late to the party. Here's my mobile menu solution.
1 Attachment(s)
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
Gary on your example menu the menu bars are still showing. I believe you meant it to work like the attached.
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
Egg - That is how I designed it.
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
Quote:
Egg - That is how I designed it.
Yes, but it's not the way it works on your original uploaded xar Gary.
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
Thank you to everyone who has helped me with this. I took some time away to get a clear mind as the silly things that were happening were just annoying me greatly. But after some tinkering with each layer in each page individually, it finally does work. I originally wanted two pop-up layers from different main menu buttons (which works perfectly well in the pc variant), but the mobile variant was having none of it. So I opted to go simple for the mobile variant and it now works. Not sure if this is just as issue with some bugs in xara, or some strange environment settings on mobiles that don't like this. But at least now I have a working version!
Thanks again for everyone for their support :)
Re: Pop Up Layer on Mobile varaiant not working at all - help :)!
Quote:
Originally Posted by
wwdileie
So I opted to go simple for the mobile variant and it now works. Not sure if this is just as issue with some bugs in xara, or some strange environment settings on mobiles that don't like this.
It will not be Xara Bugs as we have managed to do this by correcting your design.
Surely it is fairer to blame oneself then the environment and only then Xara as a last resort?
We still didn't determine your mobile or the browser used. Mobile browsers have there own quirks but Xara code is not overly cutting edge so they will mostly run without any modification.
When I report a Xara Bug, I do so with evidence.
Acorn