Flightsim.to
    Info Bar for Flow - Image 1

    Description

    This is a simple info bar to display some flight parameters with Flow Pro.

    Attention, please read carefully.
    That works perfectly in both versions (MSFS 2020 and MSFS 2024). However, I’m not continuing development of this bar. I’ve created a new Infobar instead — a bit more modern, more dynamic, with greater potential and better customization options. Interested users can find it here: https://flightsim.to/file/101246/flow-infobar-adjustments

    • Installation: Unzip to the community. The next time you start the sim, you should be able to find the widget under "Community/Hud". From there, move the info bar into the circle.
    • Update: Remove the previous version from the community folder and also deactivate and delete the (old) widget from the circle.
      If you have already customised a layout yourself, simply save the CSS text and insert it back into the widget after updating it.
    • Customize layout: Size, background color, transparency and placement of the info bar as well as font color and size can be adjusted relatively easily in the CSS section of the addon. Feel free to experiment here. See further notes at the end.

    I will continue to work on this widget. I am not a programmer and not an IT specialist. The code seems clean and it works. So please don't rip it apart, but rather give constructive hints. 

    If you have any questions, I'm happy to help. :-)

    Special thanks to "Funatic" from the german flusi-forum  for the help.
    Also thanks to \\42 Developper "SirGr3mlin" for the good support.

    If you want to customize the layout or the position.
    Here is some information on customising the layout and position of the menu bar:

    • Move from top to bottom:
      CSS Line 6: Change "top" to "bottom"
    • Transparency
      CSS Line 8: Change the last value "0.8" to any value between 0.0 and 1.0
    • Background-Colour
      CSS Line 8: Change rgb
    • Text-Colour (generally)
      CSS Line 15
    • Text-Colour (individual)
      CSS Line 26-33: Default column 13, 14 and 15 (Wind) is blue; column 16 (Time) is yellow
    • Text-Size
      CSS line 19 for the first row, CSS line 23 for the second row
    • Spacing / column width
      CSS line 12: Change 100px to desired value

    For VR you should change text size and column width. See comments. Good values could be, for example:

    td width: 300px
    tr:first-child td  front-sitz: 35px
    tr:last-child td   front-sitz: 50px 

    Again - feel free to experiment here. :-)

    Comments(52)

    Log in to join the discussion

    Log In
    s

    6 months ago

    Something seems to be wrong with the FPS display. The in game panel shows some 125 to 130 but Infobar shows 60 only.
    B
    Bush_BuddhaSupporter

    6 months ago

    Works perfectly in 2020 AND 2024. Such a great addition. Thank you for an incredible contribution.
    p

    6 months ago

    Thank your very much, petroho :-)
    d

    6 months ago

    I love this product!!! Fit's nicely in the center of the screen (least for me, lol).

    How can I increase the size of the text? I have put the appropriate file into Notepad, but it's one huge block of text. Is there another editor I should be using?
    p

    6 months ago

    YOu easily can adjust the size in the css tab (see the description of the addon). Write me (pm) if you have problems - I'm happy to help.
    W

    6 months ago

    Will there be an update for the MSFS 2024 version?
    i

    over 1 year ago

    может сделаем ее красивой с длбавлением иконок и т.д?
    S

    over 1 year ago

    Hi plerzelwupp,
    I used your informationbar as blueprint for my autopilot bar: https://flightsim.to/file/82318/flow-pro-widget-autopilotbar.
    I hope this is for for you.
    Thanks for your great work!
    K

    about 2 years ago

    Is it possible to add frame rate to this widget? I thank you in advance.
    p

    about 2 years ago

    Since the last update, there is also an infobar from P42 for flow, which contains the fps display. I am thinking of bringing these two together in the future.
    K

    about 2 years ago

    Vielen Dank für dieses sehr nützliche und zweckmäßige Tool.
    Es ist sowohl in 2D als auch VR sehr gut einsetzbar.
    p

    about 2 years ago

    vielen Dan für das positive Feedback, Kujaco. :-)
    A

    about 2 years ago

    Very useful - many thanks!!! Is it possible to make the background transparent (maybe in percentages)?
    p

    about 2 years ago

    Thank your very much, Adamski

    Yes, you can adjust the transparency by adjusting the opacity of the background - see the description (CSS line 8).

    f.e.: 0.0 is no opacity - 0.5 is 50% - and 1.0 is full opacity
    i

    over 2 years ago

    This is fantastic and I've gotten so much use out of this. Is there a chance to add ETE to the toolbar as well?
    p

    over 2 years ago

    Thanks a lot for your feedback and your vote. :-)
    When I made the addon, the focus was on creating a generally valid bar. Many other issues are aircraft-related. ETE also depends on whether a flight plan is loaded. ETE is possible, I can do it for you. :-)
    I'm just wondering how I should publish this. Unfortunately, I decided to offer a bar for each corner. I think I'll just continue to develop topcentre.
    i

    over 2 years ago

    Thank you.. I just find the bar so useful and would love to see ETE.
    C

    almost 3 years ago

    Thank You! This is a great widget. Only problem is the window is so small on my screen I can hardly read it. Any way to make the window so you can drag the side to resize the window?
    p

    almost 3 years ago

    Thank your very much. You can choose to have the infobar on the top (left, middle, or right) and also on the bottom (left, middle, or right).
    You can do this by changing the CSS of the widget. Often it is enough to change a word or a number. See previous comments.

    Please tell me where you would like it to be and how big it should be, then I can make a concrete suggestion.
    MSFS 2020MSFS 2024

    Info Bar for Flow

    A simple info bar add-on designed for displaying flight parameters with Flow Pro. Customize layout easily with options for size, color, transparency, and placement in the CSS section. Currently in development, feedback and constructive hints are welcomed by the developer. Installation and update instructions provided for user convenience.

    Downloads2K
    Version2.5
    File Size11.90 KB
    Published3 years ago
    Updated2 years ago

    User Reviews

    5.0

    18 reviews

    5
    100%
    4
    0%
    3
    0%
    2
    0%
    1
    0%

    More Information

    Simulator
    MSFS2020/24
    CategoryUser Content
    Sub-CategoryFlow Pro Widgets

    Version History

    - Changed "position of the flaps" back to "flaps handle position - Unit of measurement for wind speed corrected - For future developments I have decided to offer only one layout (top-centre). It drives me crazy to have to change 6 layouts every time. You can change the layout as you like, help for this is in the description. Please also ask if you have problems with this. :-)

    Related