i am using ionic v1 to create portable app android and ios that is used to configure an application on a smart-mirror.
there are 5 data pages in a circular slider, each page presents a table of the data for that config type.
to edit one of the rows, double click, and a modal dialog pops up (slide-in-up), with the data you can configure for that type… entry fields, drop downs, check boxes… all works good.
in a couple of the data types, the entryfield is really a file path to some data accessible from the mirror application. I have rest apis to get/set the data items… and one to navigate the data path (like windows explorer type view)…
so you double click the path, and a NEW dialog appears over the prior one, with a file list from the path
you can double click to nav further or back (…) and it refreshes the file nav with the latest data… when u select a folder or some files and click save, the return handler in the data type modal gets control and updates the modal display. the user can save or cancel.
the data in the file nav is an ion-scroll in an ion-grid. from an html template in index.html
problem… the new modal is parented on top of the data type modal, which is centered, and so the top of the file modal is forced to the top of the datatype modal… (can’t be above your parent)…
i want this to be centered about 95% height and width of device
three images, main page, edit dialog, and file chooser dialog on top