FrameWrx: How do I work with colors and gradients.

Topic

Colors and gradients in the FrameWrx Editor

Environment

  • Product: 
  • Component: Content Creation
  • Control System: FrameWrx Editor
FrameWrx by Daktronics is a cloud-based content design platform that enables anyone, anywhere to access professionally designed templates to elevate their brand for event production and promotions. This timesaving platform simplifies content creation, maximizing the impact of digital video displays and social communication. Event producers of any ability can access top-level, intentionally designed templates, created by the professional digital artists who provide content for professional stadiums. 
FrameWrx horizontal.png

Steps

Changing Colors

Colors can be applied to text and vector element types as well as the background. To change the color, follow these steps: 

  1. Select the element.
  2. Click the relevant color to change in the Fill or Stroke section of the left menu.
Screenshot 2024-02-01 142023.png
  1. Select your new color.

Background colors

FrameWrx: How do I add a background color or photo

General steps to select a new background color.
  1. Click the Background button in the left menu.
  2. Select the Color option.
  3. Click the color in the Fill box.
  4. Select your new color.
Screenshot 2024-02-01 145917.png

Using Gradients

To add Gradients to an element, follow the same steps as above and then select the Gradient option next to the Solid button. Once selected you will see a couple of options. You can optionally adjust the length of the gradient by clicking the add button or using the slider.

Linear - This option will allow you to add a gradient from a specific angle. You can adjust the degree of the angle via the slider below the color palette.
linear image.png

Radial - This option allows the gradient to come in at all sides of the element. You can set the Inner Offset via the slider below the color palette to control the distance the gradient will start to appear from on the element.

radial image.png

Related Resources

FrameWrx: How do I use the color picker.
FrameWrx: How do I add a background color or photo
 

KB ID: 000028152


DISCLAIMER: Use of this content may void the equipment warranty, please read the disclaimer prior to performing any service of the equipment.

DAKTRONICS DOES NOT PROMISE THAT THE CONTENT PROVIDED HEREIN IS ERROR-FREE OR THAT ANY DEFECTS WILL BE CORRECTED, OR THAT YOUR USE OF THE CONTENT WILL PROVIDE SPECIFIC RESULTS. THE CONTENT IS DELIVERED ON AN "AS-IS" AND "AS-AVAILABLE" BASIS. ALL INFORMATION PROVIDED IN THIS ARTICLE IS SUBJECT TO CHANGE WITHOUT NOTICE. DAKTRONICS DISCLAIMS ALL WARRANTIES, EXPRESS OR IMPLIED, INCLUDING ANY WARRANTIES OF ACCURACY, NON-INFRINGEMENT, MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. DAKTRONICS DISCLAIMS ANY AND ALL LIABILITY FOR THE ACTS, OMISSIONS AND CONDUCT OF YOU OR ANY THIRD PARTIES IN CONNECTION WITH OR RELATED TO YOUR USE OF THE CONTENT. ADJUSTMENT, REPAIR, OR SERVICE OF THE EQUIPMENT BY ANYONE OTHER THAN DAKTRONICS OR ITS AUTHORIZED REPAIR AGENTS MAY VOID THE EQUIPMENT WARRANTY. YOU ASSUME TOTAL RESPONSIBILITY FOR YOUR USE OF THE CONTENT AND ANY LINKED CONTENT. YOUR SOLE REMEDY AGAINST DAKTRONICS FOR DISSATISFACTION WITH THE CONTENT IS TO STOP USING THE CONTENT. THIS LIMITATION OF RELIEF IS A PART OF THE BARGAIN BETWEEN THE PARTIES.

The above disclaimer applies to any property damage, equipment failure, liability, infringement, or personal injury claim arising out of or in any way related to your use or application of the content, whether such claim is for breach of contract, tort, negligence or any other cause of action.