Important: Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

[SOLVED]How to limit the text width with the restriction of parent width



  • Hi,

    @Label {
    id: test
    width: 100
    height: 30
    Text{
    color: 'red'
    //anchors adjustment
    text: qsTr("sometext") //if sometext has 256 characters, lengthy text appears in adjacent controls.
    }
    }
    @

    How to truncate the test as per label width? I have width in pixels. Want to control text. any idea.

    Thanks.


  • Moderators

    Hi,

    Set clip: true for Text element.



  • @
    Label {
    id: test
    width: 100
    height: 30
    Text{
    color: 'red'
    width: parent.width // The width of the text is same as parent
    anchors.centerIn:parent // The text is placed in center of the parent
    elide: Text.AlignRight // Show ellipses '...' if text is not able to fit horizontally
    text: qsTr("sometext")
    }
    }

    @

    You should avoid clipping. As per the Performance Considerations And Suggestions document "Clipping is a visual effect, NOT an optimization. It increases (rather than reduces) complexity for the renderer."



  • Hi Vikas,

    "clip:true" worked fine for me.

    "elide" didn't solve the issue. This Label used inside Column.

    Thanks.


Log in to reply