Forum | Appery.io

Sorry, prev code is incorrect.

Here is correct code:

precode

var popupLayOut = '<div data-role="popup" id="popupBasic"><p>This is a completely basic popup, no options set&#46;<p><>';

var popup = jQuery(popupLayOut);

jQuery("body")&#46;append(popup);

$("#popupBasic")&#46;popup();
$("#popupBasic")&#46;popup("open");

/code/pre

Regards.

Hi thank you for your reply but it does not explain why the popup is clearly working on the test version! Both are identical! Both are copies of the html that is generated by Appery, so if the popup is incorrect then the appery designer is wrong! The basic popup you generate in code has no content if I were to remove the content from the popup it would look exactly the same as your basic popup.

Hi Joe -

1) Try to convert your HTML into a div. It will better if you will save your HTML in a variable.

2) Yuriy' pop-up in the last reply has a content.

We have tested it: http://gyazo.com/d14b8d950cfa20e5f1af...

Hi, Illya,
Thank you for the update will you post your code here so that I can give this a go. Regards,
Joe

Hi Illya,

I have attempted the conversation as described and the code looks like:

var popupLayOut = ' <!-- Placeholder -- Load Problem: Damaged Pallet Damaged Package Missing Goods Damaged Goods Other Notes: Cancel Submit<!-- Placeholder --';
var popup = jQuery(popupLayOut);
jQuery("body").append(popup);
$("#popupBasic").popup();
$("#popupBasic").popup("open");

When tested the popup looks like:

No content!

Hi Joe -

Add some tags in the structure like this:
pre
code
'<div data-role="popup" id="popupBasic"><p><!-- PLACEHOLDER-->
some text goes here
<!-- PLACEHOLDER--></p><>'/code
/pre

If you want to use dynamic pop-up, create one and change label's value and color, that's all.