[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
 

Looks like your connection to Qt Forum was lost, please wait while we try to reconnect.