legoboyvdlp/A320-family

Bug - MCDU.html Buttons not aligned

Closed this issue · 14 comments

Honu4 commented

I know this is not a part of the A320 per se, but this is a brilliant addon. I love it. Unfortunately on my iOS 14.4 iPhone 8 Plus, the buttons do not align with the text.

To Reproduce
Steps to reproduce the behaviour:

  1. Access MCDU.html on iPhone

Expected behaviour
the buttons should line up closer to text

Screenshots
see pic

System (please complete the following information):

  • OS: MacOS v 10.15.7
  • FlightGear version: V2020.3.6

Additional context
absolutely brilliant idea and execution
Cheers!
15157BD2-613C-4318-A701-8536ED0A5F93
IMG_88766E1BFD82-1
Screen Shot 2021-03-13 at 10 26 31 AM
IMG_0A6589DA1C4E-1

Hey @Honu4, I am currently working on a new and improved mcdu.html. An error on my part is that I did not test it on mobile. In FlightGear, the MCDU that pops up is always the same size (I believe) which make it easier to layout. Unfortunately lining everything up and having it be resizable is hard. For now, you will have to use it as is.

Honu4 commented

@NewoIsTaken, Thanks for the quick follow up. Much appreciated. And thanks for this add-on. I understand itʻs in its infancy and it is quite useable as is. I look forward to updates.
Cheers!

@Honu4, I actually did not create this addon, please direct your thanks to @niner! 😄

Honu4 commented

@niner!!!!! Apologies. Please excuse my ignorance.
Cheers!

Hello @niner and @NewoIsTaken , great work for http mcdu, very useful using on my tablet! ;)
I suggest you some mods for a more comfortable usage on mobile.
Add these css props to buttons (td)
touch-action: manipulation;
user-select: none;
to prevent text selections and zoom on double tap.
Add oncontextmenu="return false;" to body to prevent context menu popping out on a long tap.
I hope working well on ios and android too.

If possible add a request for a wishlist, I would love a version for tablet on landscape mode with mcdu on the left and keyboard on the right side. :)

@inuyaksa Thanks for the suggestions! I will certainly consider them when creating the new one.

niner commented

@AAL5665 did you follow the instructions in the A320's README?

@niner Found the problem sorry for the trouble

niner commented

@niner (Using Mac) I duplicated the package content in order to access the aircraft folder for swift. After reading the README I placed the mcdu.html in the duplicated folder of FlightGear(its package content for swift) making it ineffectively when I started FlightGear itself(because I first used windows until recently).

your-flightgear-computer is your computer's ip address

2021-03-17.12-44-10.mp4

@AAL5665, could you attach your $FG_HOME/FlightGear/FlightGear.ini file here? Should be at: ~/Library/Application Support/FlightGear/FlightGear/FlightGear.ini.

Honu4 commented

@niner (Using Mac) I duplicated the package content in order to access the aircraft folder for swift. After reading the README I placed the mcdu.html in the duplicated folder of FlightGear(its package content for swift) making it ineffectively when I started FlightGear itself(because I first used windows until recently).

your-flightgear-computer is your computer's ip address

2021-03-17.12-44-10.mp4

Thanks for pointing out this workaround for accessing the program package for this and other non-Mac-friendly applications requiring access to a data folder buried in the package. I was able to edit the path in Swift so I didn't realize that this is a good tip.

Mahalo

@Honu4 you can try to duplicate the FGData folder and then set fg-root-2020-3-6=/home/newo/Applications/FlightGear/2020.3.6/fgdata in $FG_Home/FlightGear/FlightGear.ini. You should be able to find your FGData folder by right clicking on /Applications/FlightGear. And selecting Show Package Contents. In there, you should be able to poke around and find a folder that says Data, FGData or some variant of that in the Resources folder or something. You might need to do some digging.

@inuyaksa why did you close this?