Clever Geek Handbook

Polymer v.1 full screen document dialog

I am converting an old Stocks application from JQM to Polymer v.1 and I like to know if there is an easy way to open the dialog in full screen. I have checked the docs, I may have missed something as I can see some kind of reflex in the full screen dialog.

The reason is that when I click the plus button in the title to search and add stock, I bring up the ok dialog

enter image description here

However, when I do a search, the list is populated, but the dialog is not configured on the page to match / position accordingly.

enter image description here

I have a workaround where I can add a list with empty paper items before the dialog opens

for (i = 0; i < 20; i++) { 
$("#stockslist").append('<paper-item></paper-item>');
}

enter image description here

But I would prefer if there is a class or correct css that I could add to open the dialog full screen with no padding or margins.

thank

+3


source to share


1 answer


I haven't tested this, but you should be able to set the position and size of the dialog element. I did something like this on a project I am working on.



paper-dialog { 
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;        
}
+7


source






More articles:


All Articles