updated variable management docs to address new variable types, updated icon styles

pull/190/head
Scott Anderson 2019-04-26 16:18:48 -06:00
parent 1de996bd25
commit 67e1c826fa
6 changed files with 20 additions and 6 deletions

View File

@ -3,6 +3,7 @@
.inline { .inline {
margin: 0 .15rem; margin: 0 .15rem;
&.middle:before { vertical-align: middle; } &.middle:before { vertical-align: middle; }
&.top:before { vertical-align: text-top; }
&.xsmall:before { font-size: .8rem; } &.xsmall:before { font-size: .8rem; }
&.small:before { font-size: .9rem; } &.small:before { font-size: .9rem; }
&.large:before { font-size: 1.1rem; } &.large:before { font-size: 1.1rem; }

View File

@ -15,6 +15,11 @@ _For information about variable types, see [Variable types](/v2.0/visualize-data
### Create a variable in the Data Explorer ### Create a variable in the Data Explorer
{{% note %}}
Only [Query variables](/v2.0/visualize-data/variables/variable-types/#query)
can be created from the Data Explorer.
{{% /note %}}
1. Click the **Data Explorer** icon in the sidebar. 1. Click the **Data Explorer** icon in the sidebar.
{{< nav-icon "data-explorer" >}} {{< nav-icon "data-explorer" >}}
@ -35,8 +40,9 @@ _For information about variable types, see [Variable types](/v2.0/visualize-data
2. Select the **Variables** tab. 2. Select the **Variables** tab.
3. Click **+Create Variable**. 3. Click **+Create Variable**.
4. Enter a name for your variable. 4. Enter a name for your variable.
5. Enter your variable. 5. Select your [variable type](/v2.0/visualize-data/variables/variable-types/).
6. Click **Create**. 6. Enter the appropriate variable information.
7. Click **Create**.
## Import a variable ## Import a variable

View File

@ -8,6 +8,7 @@ menu:
weight: 205 weight: 205
"v2.0/tags": [variables] "v2.0/tags": [variables]
--- ---
Delete an existing variable in the InfluxDB user interface (UI). Delete an existing variable in the InfluxDB user interface (UI).
### Delete a variable ### Delete a variable
@ -17,4 +18,9 @@ Delete an existing variable in the InfluxDB user interface (UI).
{{< nav-icon "settings" >}} {{< nav-icon "settings" >}}
2. Select the **Variables** tab. 2. Select the **Variables** tab.
3. Hover over a variable and click the trash can icon. 3. Hover over a variable, click the **{{< icon "trash" >}}** icon, and **Delete**.
{{% warn %}}
Once deleted, any dashboards with queries that utilize the variable will no
longer function correctly.
{{% /warn %}}

View File

@ -18,7 +18,8 @@ Variables are exported as downloadable JSON files.
{{< nav-icon "settings" >}} {{< nav-icon "settings" >}}
2. Select the **Variables** tab. 2. Select the **Variables** tab.
3. Hover over a variable in the list, then click the gear icon ({{< icon "gear" >}}) and select **Export**. 3. Hover over a variable in the list, then click the gear icon (**{{< icon "gear" >}}**)
and select **Export**.
4. Review the JSON in the window that appears. 4. Review the JSON in the window that appears.
5. Select one of the following options: 5. Select one of the following options:
* **Download JSON**: Download the dashboard as a JSON file. * **Download JSON**: Download the dashboard as a JSON file.

View File

@ -19,5 +19,5 @@ Update an existing dashboard variable's name or JSON content in the InfluxDB use
2. Select the **Variables** tab. 2. Select the **Variables** tab.
3. Click on a variable's name from the list. 3. Click on a variable's name from the list.
4. Update the variable's name and query. 4. Update the variable's name, type, and associated information.
5. Click **Submit**. 5. Click **Submit**.

View File

@ -45,7 +45,7 @@
{{ else if eq $icon "search" }} {{ else if eq $icon "search" }}
<span class="inline icon-ui-search middle small"></span> <span class="inline icon-ui-search middle small"></span>
{{ else if or (eq $icon "trash") (eq $icon "trashcan") (eq $icon "delete") }} {{ else if or (eq $icon "trash") (eq $icon "trashcan") (eq $icon "delete") }}
<span class="inline icon-ui-trash small"></span> <span class="inline icon-ui-trash top small"></span>
{{ else if eq $icon "triangle" }} {{ else if eq $icon "triangle" }}
<span class="inline icon-ui-triangle middle"></span> <span class="inline icon-ui-triangle middle"></span>
{{ else if eq $icon "cloud" }} {{ else if eq $icon "cloud" }}