Greetings,
I'm having trouble keeping my panel card footers 'justified' to the bottom of the screen. I have included two images of the same panel card. The first image below shows the panel footer floating about .25in above the bottom while the second shows the footer partially off the screen.
footer_float_up.pngfooter_off_bottom.png
I did find a similar message board post regarding this issue here:
http://www.alphasoftware.com/alphafo...-in-Mobile-App
However, the suggested fix does not apply since I am neither using the MobBlue style nor are my button control types set to image. After looking at the html I determined that the position of the panel footer is relative to the panel body, so it would seem that the actual issue is that the panel body height is being over/under calculated. Besides the button text, all of the information in this panel card is pulled from the database, so I'm wondering if the panel body height is being calculated before the controls are populated with data.
Another clue is that it takes a very specific set of steps to get this panel footer to misbehave. In other words, a list control record is selected which then triggers navigation to the panel card depicted above where the panel is displayed for the first time and the footer position is correct. After navigating back to the list control and selecting another record then navigating forward again to the panel depicted above, the footer is too low. Then if I close and reopen the app and perform the same steps except for selecting records in reverse order, the footer is too high.
I would very much appreciate some help in eliminating this footer position issue whether it be additional CSS or even some JavaScript that would recalculate the panel body size (ie is it possible to execute the same JS commands performed that resizes a panel card after an orientation change?)
Thanks for reading,
Justin Taylor
I'm having trouble keeping my panel card footers 'justified' to the bottom of the screen. I have included two images of the same panel card. The first image below shows the panel footer floating about .25in above the bottom while the second shows the footer partially off the screen.
footer_float_up.pngfooter_off_bottom.png
I did find a similar message board post regarding this issue here:
http://www.alphasoftware.com/alphafo...-in-Mobile-App
However, the suggested fix does not apply since I am neither using the MobBlue style nor are my button control types set to image. After looking at the html I determined that the position of the panel footer is relative to the panel body, so it would seem that the actual issue is that the panel body height is being over/under calculated. Besides the button text, all of the information in this panel card is pulled from the database, so I'm wondering if the panel body height is being calculated before the controls are populated with data.
Another clue is that it takes a very specific set of steps to get this panel footer to misbehave. In other words, a list control record is selected which then triggers navigation to the panel card depicted above where the panel is displayed for the first time and the footer position is correct. After navigating back to the list control and selecting another record then navigating forward again to the panel depicted above, the footer is too low. Then if I close and reopen the app and perform the same steps except for selecting records in reverse order, the footer is too high.
I would very much appreciate some help in eliminating this footer position issue whether it be additional CSS or even some JavaScript that would recalculate the panel body size (ie is it possible to execute the same JS commands performed that resizes a panel card after an orientation change?)
Thanks for reading,
Justin Taylor
Comment