How to customize the icon rating style in Typeform | Community
Skip to main content
Answered

How to customize the icon rating style in Typeform

N
Forum|alt.badge.img+1
[1] Typeform Original
[2] New rating theme​​​​

I would like to ask if there is any way to change the icon rating to a style that suits the theme that I want. For example: I want to change the image of the star in picture 1 to the style of the star in picture 2

Thank you so much, Typeform

Best answer by Ibrahim masudi

Hi @nam.th here is a few option, 1) Use custom CSS: if you have coding skills or access to a web developer,you can embed your Typeform into a webpage and apply custom CSS style to modify the appearance of icon rating elements. This approach requires technical knowledge and may require more advaced modifications. 2). Explore Typeform API: Typeform provides an API( application Programming Interface ) that allows developers to interact with Typeform programmatically. By using the API, you can create your own custom form interface and design, including the icon rating style, using your preferred programming language and framework.

View original

Liz
Community Team
Forum|alt.badge.img+5
  • Liz
  • Tech Community Advocate
  • August 7, 2023

Hi @nam.th Happy Monday! I hope you had a lovely weekend. You can change the icons by clicking the options in the question settings like this: 

 

 

Life is a series of awkward moments separated by snacks.
N
Forum|alt.badge.img+1
  • nam.th
  • Explorer
  • August 8, 2023
Liz wrote:

Hi @nam.th Happy Monday! I hope you had a lovely weekend. You can change the icons by clicking the options in the question settings like this: 

 

 

A day full of sweets, @Liz. I want to ask how to change the style beyond the defaults that Typeform currently has.

Liz
Community Team
Forum|alt.badge.img+5
  • Liz
  • Tech Community Advocate
  • August 8, 2023

Hi @nam.th Can’t go wrong with some sugar! It’s not possible to change the icons beyond what is offered in that dropdown, but I can share this suggestion with our product team. 

Life is a series of awkward moments separated by snacks.
Ibrahim masudi
Forum|alt.badge.img+2

Hi @nam.th here is a few option, 1) Use custom CSS: if you have coding skills or access to a web developer,you can embed your Typeform into a webpage and apply custom CSS style to modify the appearance of icon rating elements. This approach requires technical knowledge and may require more advaced modifications. 2). Explore Typeform API: Typeform provides an API( application Programming Interface ) that allows developers to interact with Typeform programmatically. By using the API, you can create your own custom form interface and design, including the icon rating style, using your preferred programming language and framework.

N
Forum|alt.badge.img+1
  • nam.th
  • Explorer
  • August 9, 2023
Ibrahim masudi wrote:

Hi @nam.th here is a few option, 1) Use custom CSS: if you have coding skills or access to a web developer,you can embed your Typeform into a webpage and apply custom CSS style to modify the appearance of icon rating elements. This approach requires technical knowledge and may require more advaced modifications. 2). Explore Typeform API: Typeform provides an API( application Programming Interface ) that allows developers to interact with Typeform programmatically. By using the API, you can create your own custom form interface and design, including the icon rating style, using your preferred programming language and framework.

Thank you @Ibrahim masudi for support. 

Could you kindly share with me the APIs that can be interacted with?

Reply


Still need help?

Don't be shy and ask the community.

Ask your question here!
Community T&Cs