Do not input private or sensitive data. View Qlik Privacy & Cookie Policy.
Skip to main content

Announcements
Independent validation for trusted, AI-ready data integration. See why IDC named Qlik a Leader: Read the Excerpt!
cancel
Showing results for 
Search instead for 
Did you mean: 
YOSHIDA_T
Contributor III
Contributor III

ボタンの文字色について

お疲れ様です。

ボタンにはテキストとアイコンをそれぞれ設定することができるかと思います。

しかし、この色はどちらもフォントの色の一つでしか変更できないように思えます。

これをアイコンと文字の色を別々に設定したい場合どのような解決策がありますか?

2 Replies
robert_mika
Master III
Master III

1. Use Unicode or SVG Icons as Text Instead of using the built-in icon field, embed a Unicode icon or SVG directly in the text label. Then use rich text formatting or HTML/CSS to style it separately — though this is limited and may not work in all objects. 
 
 2. Split into Two Objects using layout container: If styling is critical, consider placing the icon and text in separate objects (e.g., a KPI for the icon and a button for the action). This gives full control over color and layout.
hka
Employee
Employee

Robertの回答にもありますが、2番目のLaiout Containerを使用する方法であれば
既存の設定だけで実装できます。
ボタンの色を透過率100%にして、その下のレイヤーにアイコンと文字のテキストを
2つ並べて設置すればいけます。
アイコンをボタンのものを使いたければ、下のレイヤーにはボタン + テキストを並べるとか
色々やり方はあります。