GithubHelp home page GithubHelp logo

Comments (7)

ocornut avatar ocornut commented on June 12, 2024

If by labels you mean LabelText() its a widget that follows the current value of ItemWidth to match the width of a Slider or any other framed widget. You can control that width with PushItemWidth() or SetNextItemWidth() and thereā€™s a section in Demo>Layout detailing it. It defaults to something like 2/3 of the window and its a bit awkward because it doesnā€™t lend itself to manual resizing (i have some ideas in mind to improve it). Thereā€™s not calculation of either side contents in that situation.

However, it seems like you should be using a table and set column policy to fit/stretch or make the table resizable.

from imgui.

ocornut avatar ocornut commented on June 12, 2024

To clarify if you were submitting eg Drags or Sliders or Inputs you would see the frame on the left and this frameā€™s width is derived from ItemWidth, and it would make a little bit more sense as to why the left side is not best-fit.

(Itā€™s a recurrent question/wonder in the sense that both the order and lack of manual resizing is not ideal. What people do nowadays if they want the best-fit is to use a two columns table, add label in one column and widgets without label filling the other column (using -FLT_MIN you right align frames to available bounds).

itā€™s probably good to browse the Examples in Demo for some references.

from imgui.

tenpn avatar tenpn commented on June 12, 2024

my GUI is constructed dynamically, so it's awkward to know if you're in a run of labels that could share a table or not.

I could do Text--SameLine--Text but what would really make it sing is some way of tabstopping. If the first Text was < some width, then pass an offset to SameLine. CalcItemWidth isn't what I need according to the docs. I've been digging in the excellent manual demo https://pthom.github.io/imgui_manual_online/manual/imgui_manual.html but not found anything yet.

from imgui.

ocornut avatar ocornut commented on June 12, 2024

my GUI is constructed dynamically, so it's awkward to know if you're in a run of labels that could share a table or not.

I believe every fields should share the same table, why wouldnā€™t they?

from imgui.

tenpn avatar tenpn commented on June 12, 2024

I've got collapsing headers and tree nodes all mixed up in there, it's callbacks all over the place. I think I figured out a way to table runs of labels tho, will give that a go.

from imgui.

tenpn avatar tenpn commented on June 12, 2024

šŸ˜¤
image
using a cached CalcTextSize for the label key to pass a minimum offset to SameLine()

from imgui.

ocornut avatar ocornut commented on June 12, 2024

You can call EndTable() when using a collapsing header and reopen it immediately, thatā€™s also a solution.

from imgui.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    šŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. šŸ“ŠšŸ“ˆšŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ā¤ļø Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.