Difference between revisions of "VPIV - Create a Custom Defined Color"

From Versacall Support
Jump to navigation Jump to search
m (Text replacement - "https://www.linkedin.com/company/versacall-technologies-inc-/mycompany/" to "https://www.linkedin.com/company/versacall/")
 
(15 intermediate revisions by the same user not shown)
Line 1: Line 1:
<gallery mode="nolines" widths=200 heights=36>
{|style="background:transparent; color:black" border="0" height="230" align="center" valign="bottom"
File:ButtonHome.png|link=Main Page
|+style="background:transparent|
File:ButtonGuides.png|link=VT3000_How_To_Guides
|-align="center"
File:ButtonVPIV.png|link=Virtual Panels IV
|
</gallery>
|[[Image:CallUsBtn.png|Call Now 858-677-6766]]
|
|[[Image:SubmitTckBtn.png|link=https://www.versacall.com/customer-support/service-ticket]]
|
|[[Image:EmailUsBtn.png|link=mailto:[email protected]?Subject=Help%20Needed%20Wiki&body=Type%20Message%20Here]]
|}
<br>
----
----
----
<br>
[[File:GeneralHeader.png]]
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Overview'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Defined colors are created to help reduce panel editing time. This feature is best used when you have more than one panel using the same color(s) for cells or text. Creating the defined color allows you to select it over multiple panels. Without a Defined Color(s) you would have to edit each color in each individual cell in every panel. There are 2 types of defined colors that can be created, Standard & Custom. The instructions below will explain how to create a Custom Defined Color
|}
|}
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Requirements'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
{| class="wikitable mw-collapsible mw-collapsed" width="775px;"
|-
|style="text-align: center;" | '''See Requirements Here'''
|-
|'''1.'''  The VT3000 Core Software installed and running on your system.
|-
|'''2.'''  VPIV - Virtual Panels IV software installed and running on your system.
|}
|}
|}
<br>
----
----
<br>
[[File:InstructionHeader.png]]
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 1.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Open the VT3000 web interface - select VPIV button from the welcome page.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style=" align="center; " background:white;"
|-
|[[File:VPImage1.png|center|257px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 2.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the Defined Colors icon..
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:VP_Colors.png|center|100px]]
|-
|style= "text-align:center" | '''Defined Color'''
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 3.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Click on the Add button at the bottom of the Defined Colors list.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:Colors1.png|center|124px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 4.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|The Color Properties will load on the right side of the Defined Colors list. Select the Custom Radio button under the Description. The following properties are shown/available.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:Colors2.png|center|433px]]
|}
{|class="wikitable" style="background:white; width:775px;"
|-
|'''ID''' - this field is handled by the VP IV software.
|-
|'''Name''' - enter a name for the defined color.
|-
|'''Description''' - enter a description for the defined color if needed.
|-
|'''Custom''' - select Custom.
|-
|'''Color Sliders''' - the slider use Red, Green, Blue to create colors (aka RGB color format). Use the sliders to mix the custom color needed.
|-
|'''Save''' - a thumbnail of the color will show above the Save button - click on the Save button once you have the color required.
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 5.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|The new Custom Color that you created will now show in the Defined Colors list.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:Colors5.png|center|291px]]
|}
|}
|}
|}
<br>
----
----
<br>
{|style="margin:auto;"
|+
[[File:RelatedHowTos.png|center]]
|align="center" |
{| class="wikitable mw-collapsible mw-collapsed" width="400px;"
|-
|style="text-align: center;" | '''Select a Guide Here'''
|-
|[[VPIV - Create a Standard Defined Color|Create/Add a Defined Color - Standard Color]]
|-
|[[VPIV - Edit a Standard Defined Color|Edit/Change a Defined Color - Standard Color]]
|-
|[[VPIV - Edit a Custom Defined Color|Edit/Change a Defined Color - Custom Color]]
|-
|[[VPIV - Rename a Defined Color|Rename a Defined Color]]
|-
|[[VPIV - Remove a Defined Color|Remove/Delete a Defined Color]]
|}
|}
<br>
----
<br>
{|style="margin:auto;"
|+
[[File:SearchHeader.png|center]]
|align="center" |
{|class="wikitable"
|-
|<inputbox>type=search</inputbox>
|}
|}
<br>
----
<br>
[[File:VC Footer.png|center]]
{|style="background:transparent; color:black" border="0" height="200" align="center" valign="bottom" cellpadding=10px cellspacing=10px
|+style="background:transparent|
|-align="center"
|
|[[File:LinkedIn.png|Follow Us On LinkedIn|link=https://www.linkedin.com/company/versacall/]]
|
|[[File:BlogIcon.png|View our Blog|link=https://www.versacall.com/blog/]]
|}


 
<br>
=Create/Edit a Defined Color=
Defined colors are created to help reduce panel editing time. This feature is best used when you have more than one panel using the same color(s) for cells or text. Creating the defined color allows you to select it over multiple panels. To change or edit the color you would only change the Defined Color(s) once. The edited/changed color would then populate on all the panels it was used on instantly. Without a Defined Color(s) you would have to edit each color in each individual cell in every panel. There are 2 types of defined colors that can be created, Standard & Custom.
 
=Instructions - Create a Standard Defined Color=
A standard color is one that already exists in the VersaCall pallet.
 
'''1.''' Open the VT3000 web interface - select VP IV - select Colors.
 
<gallery widths=257 heights=70>
File:VPImage1.png
</gallery>
<gallery widths=100 heights=100>
File:VP_Colors.png
</gallery>
 
 
'''2.''' Click on the Add button at the bottom of the Defined Colors list.
 
<gallery widths=124 heights=63>
File:Colors1.png
</gallery>
 
 
'''3.''' The following fields will be available:
 
<gallery widths=433 heights=347>
File:Colors2.png
</gallery>
 
    '''a. ID''' - this field is handled by the VP IV software - nothing is required.
    '''b. Name''' - enter a name for the defined color - required field.
    '''c. Description''' - enter a description for the defined color - not a required field.
    '''d. Standard''' - leave this selected - required field.
    '''e. Color List''' - select one of the colors from the list - required field.
    '''f. Save''' - a thumbnail of the color will show above the Save button - click on the Save button.
 
 
'''4.''' The new color will show in the Defined Colors list.
 
<gallery widths=295 heights=85>
File:Colors3.png
</gallery>
 
 
 
=Instructions - Create a Custom Defined Color=
A custom color is one that the user creates using the Red, Green & Blue color sliders. This will be a color not contained in the VersaCall pallet.
 
'''1.''' Open the VT3000 web interface - select VP IV - select Colors.
 
<gallery widths=257 heights=70>
File:VPImage1.png
</gallery>
<gallery widths=100 heights=100>
File:VP_Colors.png
</gallery>
 
 
'''2.''' Click on the Add button at the bottom of the Defined Colors list.
 
<gallery widths=124 heights=63>
File:Colors1.png
</gallery>
 
 
'''3.''' The following fields will be available:
 
<gallery widths=427 heights=336>
File:Colors4.png
</gallery>
 
    '''a. ID''' - this field is handled by the VP IV software - nothing is required.
    '''b. Name''' - enter a name for the defined color - required field.
    '''c. Description''' - enter a description for the defined color - not a required field.
    '''d. Custom''' - select Custom radio button - required field.
    '''e. Color Sliders''' - sue the R, G & B sliders to create your custom color - required field.
    '''f. Save''' - a thumbnail of the color will show above the Save button - click on the Save button.
 
 
'''4.''' The new color will show in the Defined Colors list.
 
<gallery widths=291 heights=96>
File:Colors5.png
</gallery>
 
 
=Instructions - Edit a Defined Color=
 
'''1.''' Open the VT3000 web interface - select VP IV - select Colors.
 
<gallery widths=257 heights=70>
File:VPImage1.png
</gallery>
<gallery widths=100 heights=100>
File:VP_Colors.png
</gallery>
 
 
'''2.''' Select the color from the list of defined colors so that it is highlighted.
 
<gallery widths=238 heights=86>
File:Colors6.png
</gallery>
 
 
'''3.''' Standard Color - select a new color swatch from the pallet.
 
<gallery widths=350 heights=270>
File:Colors7.png
</gallery>
 
 
'''4.''' Custom Color - move the R, G & B sliders to create a new color.
 
<gallery widths=342 heights=246>
File:Colors8.png
</gallery>
 
 
'''5.''' Once the color has been edited, click on the Save button under the color swatch.
 
<gallery widths=113 heights=66>
File:Colors9.png
</gallery>
 
 
=Having Trouble?=
 
<gallery widths=150px>
File:ticketicon.png|Submit a Service Ticket|link=https://www.versacall.com/customer-support/service-ticket/
</gallery>
 
 
=Categories=
 
[[Category:Virtual Panels IV]]
[[Category:Virtual Panels IV]]
[[Category:Defined Colors]]
[[Category:Defined Colors]]

Latest revision as of 19:24, 20 April 2023

Call Now 858-677-6766 SubmitTckBtn.png EmailUsBtn.png





GeneralHeader.png

Overview
Defined colors are created to help reduce panel editing time. This feature is best used when you have more than one panel using the same color(s) for cells or text. Creating the defined color allows you to select it over multiple panels. Without a Defined Color(s) you would have to edit each color in each individual cell in every panel. There are 2 types of defined colors that can be created, Standard & Custom. The instructions below will explain how to create a Custom Defined Color


Requirements
See Requirements Here
1. The VT3000 Core Software installed and running on your system.
2. VPIV - Virtual Panels IV software installed and running on your system.





InstructionHeader.png

Step 1.
Open the VT3000 web interface - select VPIV button from the welcome page.
VPImage1.png




Step 2.
Select the Defined Colors icon..
VP Colors.png
Defined Color




Step 3.
Click on the Add button at the bottom of the Defined Colors list.
Colors1.png




Step 4.
The Color Properties will load on the right side of the Defined Colors list. Select the Custom Radio button under the Description. The following properties are shown/available.
Colors2.png
ID - this field is handled by the VP IV software.
Name - enter a name for the defined color.
Description - enter a description for the defined color if needed.
Custom - select Custom.
Color Sliders - the slider use Red, Green, Blue to create colors (aka RGB color format). Use the sliders to mix the custom color needed.
Save - a thumbnail of the color will show above the Save button - click on the Save button once you have the color required.




Step 5.
The new Custom Color that you created will now show in the Defined Colors list.
Colors5.png





RelatedHowTos.png
Select a Guide Here
Create/Add a Defined Color - Standard Color
Edit/Change a Defined Color - Standard Color
Edit/Change a Defined Color - Custom Color
Rename a Defined Color
Remove/Delete a Defined Color




SearchHeader.png




VC Footer.png
Follow Us On LinkedIn View our Blog