[Kool]

Hi All,

Is it possible to align the label of an AppButton to the right of an icon, rather than underneath?

Many thanks!

[GüntherFelgo Team]

Hi!

The AppButton is only designed to display the text underneath the icon if both icon and text are used.

Still, you could use the icon property to display both an icon and additional text:

    AppButton {
      icon: IconType.home + " Text"
    }

The drawback of this workaround is that the icon font settings also apply to the text then.

Best,
Günther from Felgo

[Waeil]

hi every body
<h3 class=”headline”>Align button label to right of icon  , but the font of this text how can i change it, when i use this way</h3>
AppButton
{

icon: IconType.beer + qsTr(“Login”)
iconSize: dp(20)
FontLoader { id: btFont; source: “../../assets/fonts/Rakoon_PersonalUse.ttf” }

fontFamily: btFont.name
textSize: dp(20)
flat: false
}

it refuse to be manipulated, unless i use text : qsTr(“Login”)

[GüntherFelgo Team]

Hi,

it is not possible to change the font, because the icon requires the icon font to be used.

AppButton does not support mixing an icon with a custom font text using the above workaround.

Cheers,
Günther