Post

2 followers Follow
0
Avatar

A Popup layer appearing behind B popup layer?

There are a few problems and questions I have with the attached InDesign file.

What I would ideally like the bottom, tabbed section to do, is that when you tap Vodafone, the text layer and blue box would appear beneath the tab. Additionally, in the table above the tabs, the Vodafone row would go dark blue with white emboldened text. 

The same would happen when you tap AT&T or BT Group, however I haven't yet set those up as there is no point until Vodafone works as expected.

I believe I have the layers all laid out correctly, although I have chopped and changed and tried different settings but I just cannot get it working. The tabs aren't working, and the popup over the table appears behind the table, even though the table is on the A main layer and the popup is correctly on the A popup layer.

One more thing: There are three transparent HTML boxes, one above each of the tabs. These each load a web page to show some data about the three companies. What I wanted was for this to appear on the tabs themselves. Is that possible (given the tabs are grouped and converted to buttons)? If not that, I'd drop those boxes into the popup that appears below the tabs - is THAT possible (again, it would have to be grouped).

Are popups within popups do-able?

Thanks for the help, sorry for the lengthy questions but I've read every resource I can find!

Duncan Leslie Answered

Please sign in to leave a comment.

34 comments

0
Avatar

Hi Duncan,

I have looked at your file and you seem to have laid it out correctly. Popups on the a -layer is very tricky at the moment and we have a solution coming up. Unfortunately it won't help you right now. The problem I can see is that the text underneath the tabs won't be possible to view as the popups will stack on top of eachother hiding the one you actually want to see.

My advice would be to either rethink the design so the popups aren't stacking on top of each other or actually building the whole thing using html. This could easily be done using for example hype. If you are going to use popups in the plugin I would recommend using the b-layers as it is much easier to handle but at the moment it won't solve the problem you are having with the stacking.

So, unfortunately I have no definitive answer as what you are trying to do is not really possible yet just using the plugin. As I said I would probably use html for what you are looking to do.

Concerning the html being on top of the object. At the moment this is not possible unless you are working on the b-layer, then it will layer on top.

Popups within popups is not possible yet.

Regards,

Anders 

Anders Odevik 0 votes
Comment actions Permalink
0
Avatar

Hi Anders

Thanks for coming back to me - it's a shame that it was 3 out of 3 'not possible's! 

I've tried as you suggested and have built a very simple HTML element with Jquery and CSS to just flick between the 3 windows I had previously stacked as popups within the plugin. 

However, it's causing my InDesign to crash every time I go to Fast Review it. I can't see why, as the HTML is so basic, it was working fine prior to this. Again, I wondered if you could take a look and have attached the ID file and four elements that make up the HTML page - my firewall is blocking a zip so uploaded separately.

I don't know if there is a folder structure I need to abide by, but it's just using what Anton suggested which is a separate folder for the ID content and the HTML content, with all the HTML elements (javascript / css) in the same folder as index.html.

Thanks for your help.

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

Hi Duncan,

Upon export all files placed in the same folder as the .html file will be exported and bundled into the final MIB. So don’t place any files that aren’t being used in the same folder or subfolders as the .html file. So the .html file along with its' assets must be placed in a separate folder. Could that be the problem? 

Regards,

Anders 

Anders Odevik 0 votes
Comment actions Permalink
0
Avatar

Hi Anders

My structure is as follows:

Demo Issue > HTML > Builds > callingInvestorsCompanies > the HTML, jquery and CSS included above (nothing else)

Demo issue > Assets > Indesign files > PsychologyOfInvesting.indd

 

So I'm not sure where the problem is. The ID file and HTML files are not in the same folder as each other, but equally there's nothing extra in the HTML folder that could cause the issue...

Thanks

Duncan

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

@Duncan: I just noticed that the bottom html object has the path to a non html file. Maybe that's it?

Regards,

Anders 

Anders Odevik 0 votes
Comment actions Permalink
0
Avatar

Hi Anders

Maybe, but that one works ok when the first HTML box wasn't there... I'll try taking it out but it was working ok on its own.

Thanks

Duncan 

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

Hi Anders

This is a retina bug.

I've tried exporting changing the setting to iPad only and it exports fine (but the page looks terrible on a new iPad). I then switched back to retina and it crashed. Back again and exported fine. And so on.

Looks to me like a quite significant bug and, without a work around (HTML was the workaround already remember), it's quite difficult for me to purchase the 'lead' package as planned...

Thanks

Duncan

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

Hi Duncan,

I'm able to export the design to iPad3 without crashing. Make sure to change device to Apple iPad Retina in the plugin to have the plugin convert the images to the correct resolution.

One thing I noticed though, the html object with the tabs, select it and uncheck "Scale content to fit block" to make it cover the whole box.

Please let me know if you can get the vertical to work as I am not able to reproduce the problem you are having. The images are in perfect resolution and I'm not able to get it to crash.

Regards,

Anders 

Anders Odevik 0 votes
Comment actions Permalink
0
Avatar

Hi Anders

There might be one important detail here: I'm using Windows. Unfortunately we don't support Macs.

I have tried again. I've actually always had Retina selected and 'Scale contents to fit block' de-selected, but it's crashed every time on quick review or export. It then works (after restarting ID) if I switch the device to non Retina.

When it does export - non retina - all the HTML elements work perfectly. If there is anything I can do to diagnose this further please let me know.

Thanks

Duncan

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

I might pop in here. We could not export html verticles at all on windows for retina and had problems on feature builder on win as well. We rebuilt on mac fairly early on. Luckily we had both. We could not export or preview retina on win 7 64bit.

Ironically we then built on mac, but had issues exporting on mac to mib, so exported the verticals to win and exported from there with much greater and faster results. It's a bit of a minefield right now. At least that's our experience, and we have a few less serious bugs still to work through.

I guess I am saying I don't think you are alone with that bug on win.

David Wright 0 votes
Comment actions Permalink
0
Avatar

Thanks David - it's good to know it's not just me doing something wrong!

Anders, should it help at all, I'm running Windows 7 32-bit, and using CS6.

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

we haven't actually exported a retina yet this way either now that I think about all the round tripping. We will be retesting that early next week now.

David Wright 0 votes
Comment actions Permalink
0
Avatar

This leaves me in a bit of a pickle when it comes to selecting which product to go for as HTML is a major part of this project I think.

Anders, any idea where we go from here?

Regards

Duncan 

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

Hi Duncan and David,

I've sent you a PM with a beta version of the next release, please let me know if your problem aren't solved in this one. Now you should be able to export as jpeg, so you can uncheck "export png only"

Regards,

Anders Odevik 0 votes
Comment actions Permalink
0
Avatar

Hi Anders

Thanks - I've responded to say that my IT dept are having trouble installing it - nothing seems to be created on my machine aside from an uninstaller link! 

Thanks

Duncan 

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

@Duncan: Make sure you moved the previous Mag+ folder from the Adobe Indesign plug-ins folder before installing. The installer should install the plug in InDesign, restart Indesign to make sure it has been updated. Also, in your applications folder there should be a Magplus folder containing templates.

Regards,

Anders 

Anders Odevik 0 votes
Comment actions Permalink
0
Avatar

Hi Anders

Yep, I moved the Mag+ folder from the plugins folder before installing, but the installer did not create a new folder there for the updated plugin. I have been restarting Indesign each time (installing with it closed to ensure nothing was being used),

The installer hasn't installed anything into the folder under Program Files, it has just created the folder. All that is inside the folder is 'remove.exe'. When I first installed it, leaving the program files > Mag+ AB > MagPlus CS6 folder where it was (but removing the folder under ID plugins), I left 'open readme.txt' checked and it opened the readme for Mag+ 3.2 as it clearly had not updated the files. We then removed them using the uninstaller which emptied the folder completely, re-ran the installer and nothing was created.

Sorry it's causing so many issues but I'm not sure what we could be doing wrong.

Thanks

Duncan

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

Thanks Anders

I'll see if our IT team can get that - I have a feeling dropbox is completely locked down (any fileshare tends to be) here.

What about the contents of the Applications / Program Files folder which is also blank - the folder where the readme.txt etc should have been installed? I thin it's also where the Production tool setup file should be...

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

Hi Anders

Thanks, I've got the plugin up and running.

However, after running the iPad Retina template and copying content from the old template across and fast reviewing, I can see that it is still crashing my Indesign. As before it works ok for normal, non-retina iPad.

Were you expecting the issue to have been resolved?

Regards

Duncan

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

Hi Duncan,

Sorry for your trouble, the latest version of the plugin works to push your document on an iPad Retina using CS6 on Windows 7 when I try.

What is strange in your case is that you are able to push to the regular iPad but not the Retina, the process when creating the assets for these devices are exactly the same. Does it give you any error messages when you are reviewing?

Does it happen both with fast and full review?

Regards,

Anders 

Anders Odevik 0 votes
Comment actions Permalink
0
Avatar

Hi Anders

That's no problem, I'm just really keen to get it working.

What happens this end - on fast review, full review or export  - is that the progress bar gets about 9/10 of the way through and then freezes on "Creating images - A-layer blocks ... - Writing PNG". Then Indesign freezes and I have to close it from the task manager. The iPad doesn't flinch - it appears nothing ever tries to push to it.

Just to be clear, I'm exporting to a new iPad every time - I don't have an iPad 1 or 2 to test on, only the iPad 3, so I'm always exporting retina or non retina to a retina iPad.

Is there a console logged anywhere that I can pass over? If there isn't it would perhaps be a useful addition in a future release.

The only other thing I can think is that something is being blocked by my system, but I can't see why because, firstly, a lot of other things must be getting pushed to the device like images, and secondly, nothing appears to actually get pushed - it doesn't seem to get that far.

Thanks

Duncan

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

So this happen for all retina documents? Or just this one?

Do you have multiple versions of photoshop installed? If so, go to the Setttings panel and select to downsize images using another version of Photoshop to see if that helps.

/Anders

Anders Odevik 0 votes
Comment actions Permalink
0
Avatar

It seems to be any that has this piece of HTML included into it. I tried exporting the following:

1) This doc with both HTML blocks - fail

2) This doc with only one or the other HTML blocks - fail when it's the nested HTML, pass when it's the external HTML

3) Another doc with no HTML - pass

4) Another doc with the same nested HTML - fail

I'll try importing some HTML with nothing in it - see if that works.

I have two versions of PS - CS4 and 6 but bear in mind that if you fast review it doesn't touch Photoshop. Either way, I tried it and it didn't work. 

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

Ok so I just tried the same vertical but replaced the nested HTML file with one that was just an index.html file with the following contents. It crashed the same as usual:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p>Testing 1...2...3...</p>

</body>

</html>

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

Thanks for this Duncan! 

I will talk some more to our developers to see if they have any suggestions on what you can do to fix this. 

Regards,

Anders 

Anders Odevik 0 votes
Comment actions Permalink
0
Avatar

Thanks Anders, no problem at all.

I have also asked to my head of infrastructure who will - hopefully tomorrow - take a look at traffic hitting the firewall to see if it's being blocked.

I wondered if perhaps the firewall allows the normal content because it doesn't consider it an attack, but can access the source of uploaded HTML so thinks it might be used to exploit the network. It obviously shouldn't but it's quite possible. I'd have expected the plugin to tell me the export has failed rather than crash but that may be due to the way it's been coded - perhaps your developers haven't encountered such an issue so haven't coded an error process.

Either way, it feels a bit hopeful but we'll see tomorrow.

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

Hi Anders

Just wondering if you've made any progress from your end?

I've been sat with our head of infrastructure trying to ascertain if the issue is ours or the software's. Unfortunately as it works ok non-retina, but doesn't work with retina, the issue does appear to be software-related.

Anyway, we can see that no network traffic is coming from my machine when Indesign crashes, so it's not getting as far as pushing to the device - it appears it crashes prior to it trying to create the mib. We've also ruled out by trial and error the proxy server, my local antivirus, the corporate firewall and Windows permissions.

Unfortunately it seems there isn't much more we can try here.

What it seems we really need is a log file to see exactly what Mag+ is reporting and where it is getting stuck.

Regards

Duncan

Duncan Leslie 0 votes
Comment actions Permalink
0
Avatar

Hi Duncan,

When exporting to iPad Retina, in the Settings panle in the plugin, make sure that you haven't elect, universal MIB. Set it to "No" and try to re-export. See if that solves your problem.

Regards,

Anders 

Anders Odevik 0 votes
Comment actions Permalink