spacing between two Text by using Column
-
Hi ,
I am working on implementing a column list that aligns at the beginning of the text, but I want to use different spacing between two text, how can I create a different spacing between two text manually. Is their is possibility of it ?
Thanks.
-
@RG90 Can you give a minimal working main.qml which has that column list and tell where you want that spacing? It's a bit difficult to understand it from your question.
Here is the sample code, I want to use spacing between callerNumberText and callTimeText other than usual spacing. How, can I do manually?
Column{id: activeCallInformation spacing: 5 anchors{ topMargin: 68 leftMargin: 20 bottomMargin: 20 left: callerPhoto.right right: parent.right top: parent.top } Text { id: callerNameText color: T.textColorEnabled font.pixelSize: 38 elide: Text.ElideRight } Image { id: numberTypeIcon source: (numberType != "")? T.theme + "/icon/phone_" + numberType + "_enabled.png" : "" anchors.verticalCenter: parent.verticalCenter } Text { id: callerNumberText color: T.textColorEnabled font.pixelSize: 38 elide: Text.ElideRight onTextChanged: { width = parent.width - 40 - numberTypeIcon.width; width = contentWidth; } } Text { id: callTimeText //: This shows the elapsed time of the current phone call. //# REQ PHONE_01 text: qsTranslate("", "%1").arg(callTime)+ Retranslate.whenLocaleOrLangChanges color: T.textColorEnabled font.pixelSize: 38 elide: Text.ElideRight } Text { id: networkProviderText color: T.textColorEnabled font.pixelSize: 32 elide: Text.ElideRight } } -
Here is the sample code, I want to use spacing between callerNumberText and callTimeText other than usual spacing. How, can I do manually?
Column{id: activeCallInformation spacing: 5 anchors{ topMargin: 68 leftMargin: 20 bottomMargin: 20 left: callerPhoto.right right: parent.right top: parent.top } Text { id: callerNameText color: T.textColorEnabled font.pixelSize: 38 elide: Text.ElideRight } Image { id: numberTypeIcon source: (numberType != "")? T.theme + "/icon/phone_" + numberType + "_enabled.png" : "" anchors.verticalCenter: parent.verticalCenter } Text { id: callerNumberText color: T.textColorEnabled font.pixelSize: 38 elide: Text.ElideRight onTextChanged: { width = parent.width - 40 - numberTypeIcon.width; width = contentWidth; } } Text { id: callTimeText //: This shows the elapsed time of the current phone call. //# REQ PHONE_01 text: qsTranslate("", "%1").arg(callTime)+ Retranslate.whenLocaleOrLangChanges color: T.textColorEnabled font.pixelSize: 38 elide: Text.ElideRight } Text { id: networkProviderText color: T.textColorEnabled font.pixelSize: 32 elide: Text.ElideRight } }