Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • CreatiCode
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

CreatiCode Scratch Forum

  1. CreatiCode Forum
  2. Knowledge Base
  3. 2D Blocks
  4. Setting Widget Styles

Setting Widget Styles

Scheduled Pinned Locked Moved 2D Blocks
1 Posts 1 Posters 762 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • CreatiCodeI Offline
    CreatiCodeI Offline
    CreatiCode
    wrote on last edited by admin
    #1

     

    Prerequisite

    • The Label Widget

     

    Description

    You can change the style of the text and background of any widget using the 2 blocks introduced below.

     

    Set Widget Background

    This block allows you to set the background of any widget:

     

    Parameters

    • Background Color: You can choose the background color, even with some transparency.
    • Border Color: You can set a border color in a similar way.
    • Border Radius: If you want to show a button with rounded corners, you can set the radius to be greater than 0.
    • Widget name: You need to select which widget you want to change. That widget has to be added to the stage already for its name to show up in this list.

     

    Set Widget Text Style

    This block allows you to set the text style of any widget:

     

    Parameters

    • Text Style: You can choose the text style from this list.
    • Font Size: The size of the letters.
    • Font Color: Usually you should choose a color with a strong contrast with the background of the widget.
    • Boldness: Whether to use bold text
    • Widget Name: Name of the widget you are trying to change. That widget has to be added to the stage already for its name to show up in this list.

     

    Demo

    This screencast shows how to use these parameters to create buttons of different styles.

    1 Reply Last reply
    0
    • CreatiCodeI CreatiCode pinned this topic on

    Hello! It looks like you're interested in this conversation, but you don't have an account yet.

    Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

    With your input, this post could be even better 💗

    Register Login
    Reply
    • Reply as topic
    Log in to reply
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes


    • Login

    • Don't have an account? Register

    • Login or register to search.
    • First post
      Last post
    0
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • CreatiCode