---
title: Connecting apps to a single data value connection
description: Creating a data connection to a single record for color, opacity, date and numerical values.
---

[Skip to content](https://go.screenfeed.com/portal/connecting-apps-to-a-single-data-value-connection#main-content)

![Screenfeed Logo\_White (1)](https://go.screenfeed.com/hs-fs/hubfs/Screenfeed%20Logo_White%20(1).png?width=300&height=63&name=Screenfeed%20Logo_White%20(1).png)

Open main navigation

Close main navigation

 Hello how can we help you?

- There are no suggestions because the search field is empty.

1. [Portal](https://go.screenfeed.com/portal?hsLang=en)
2. [Connect](https://go.screenfeed.com/portal/connect?hsLang=en)
3. [Dynamic Features](https://go.screenfeed.com/portal/connect?hsLang=en#dynamic-features)

# Connecting apps to a single data value connection

## Creating a data connection to a single record for color, opacity, date and numerical values.

#### Data driven properties

Some component properties in a **Connect** app have the ability to connect to a single data value.

Each property is meant to connect to a specific data format. Check to make sure that the data source is using the correct format for the data. At the moment the three connection formats are. 

**Number**

A number that can include decimals.

![](https://uploads-ssl.webflow.com/61a49075fd3a7af706d0fa22/6296866cddd9e9c9635c3271_ywJhULF4VvKHf2o8SwU0nEvWg3y-cPA5DQM6p2KlOAhb3Za7Ju0qKHljUMPMTgx20kcDoTPLv3ww5yaOdZ8veAJ7XlBC4u5p29KA0MUaEcScsa3DF0bb6wEFRBvX25kXbqf9MLoGSBW8ws4fow.png)

### ‍

**HML Color in HEX Format.**

A six character format preceded by a # used to define RBG colors.

![](https://uploads-ssl.webflow.com/61a49075fd3a7af706d0fa22/6296866cc7c48ef5160b02a2_cbltKFh5Rv5Q_-S5x7hBaxoJUl8fj4cK4iJDNm_xCmqcnWwlWOOd0A3-wYAGRBMbjtn4WsQl0WeAJw23hhlpL1OFsW2BsK6NTrw_knoTUmEj2khnen0dH6_vdim6ULSOUIYfdjF8EUOqGfPUOA.png)

### ‍

**Date/Time**

A format consisting of the full date and time, requires timezone offset.

![](https://uploads-ssl.webflow.com/61a49075fd3a7af706d0fa22/6296866c95384a6dc2b8db54_ONJwphSNAfpjvBedveO9mmXc6Nbi-5OByWD7KvIh4m9v_aZPgyT7RH_F8OKuBkweV7Yc28zZSTns1o4Datw84es7Qdkgq_uSlFs-hClBOqxd5rHy_FtXcW1cJFoQVhtPgrnFjuBMgNHnu_72qQ.png)

### ‍

### **Making a Connection**

Select a component or widget on the app canvas. From the right hand properties panel. Click on the lightning bolt, next to the property you want to connect. 

![](https://uploads-ssl.webflow.com/61a49075fd3a7af706d0fa22/6296866cbb799e2c45127c43_tpMJCOzV3lRVfnKbL8wYld-6J9OyB_O5WOml4m6eI_oZ2bFGj_v7Gda-z--xXnrvmBhfWNy6SYqngN05_F9Qo0SjIyKlCpiLeuNZv9QZunlsCaaW7bwsGSamGJgpTkBXB3DxqHAI4FvBEx81Pw.png)

### ‍

#### Using an existing Connection

Click on the name of an existing connection to choose an existing connection. This can include connections that are more than a single value. 

![](https://uploads-ssl.webflow.com/61a49075fd3a7af706d0fa22/63406c26faa30545263670e8_VdUf2-RI60nHsba1pBxUHYvS8b-sdm2ZwB278N2G_IVAdHamo4INlXNb8GJEZa0uycWNiHEkgdCNHeL-VHovImQtD1MnHAOtt6YU2ncnsk6hmmsBvttPMaK9b0RgxsFpqMDadllVVtoejmvoeGIZ2k9VT_pvMFwckuWuvBq_Fr_dS8EY4XAexdELFw.png)

Select the single data value you want to connect to your widget. Notice that only the correct format can be selected. Click **Save Selection** to complete the connection.

![](https://uploads-ssl.webflow.com/61a49075fd3a7af706d0fa22/6296866ce73a9055c5f49fa5_qQlZU_SlQF-Ho6CiZRxHFr7oK0uXv4B9vE4HWudXhZnxgtWO8_eEkjHhqUe3A_d6n5WIi4Rix0fd3nn-kxrAjvmsN236AMGV_VFVMSwAFgC0ot3Bdcm4hfqL54TkahbsM6bEq_b8jxLughnAxg.png)

### ‍

#### Creating a new Connection

Create a new connection by clicking on the source for your data, Google Sheets or URL connection. In either case paste in the URL of the data source then click **Import.**

![](https://uploads-ssl.webflow.com/61a49075fd3a7af706d0fa22/6296866c17717d0394ae49f2_twY7Hn8qtRYI0e46pd4jIMy3UR2l7jQ0mhHtrWs2RQd6O4MtBwgA4SOCRsjap5sTL_BIqJlQ4l0lMEMylonthZXLn8gR-rjLrPXFd384W3kEdX-aP944jMca9qBylDfsUkzvmsqCPT2O00TvZA.png)

If the connection is a Google Sheet with multiple sheets choose the sheet you want to use.

![](https://uploads-ssl.webflow.com/61a49075fd3a7af706d0fa22/6296866c089d38316f3234c1_MGQ9eeW5979hq46paaZXALQz-SCBp7FSgh4R_xuWrHR8LRdKOUQ7XImopVgHxf0TAG3Pma0LMdzYR3iKpWDjb4CzEk7192ckUClX7Nj0wKEvlDUOEk83cPwDkZJ94y8b2y1u--aTYq-1utZtGg.png)

### ‍

Select the single data value you want to connect to your widget. Notice that only the correct format can be selected.

![](https://uploads-ssl.webflow.com/61a49075fd3a7af706d0fa22/6296866ce73a9055c5f49fa5_qQlZU_SlQF-Ho6CiZRxHFr7oK0uXv4B9vE4HWudXhZnxgtWO8_eEkjHhqUe3A_d6n5WIi4Rix0fd3nn-kxrAjvmsN236AMGV_VFVMSwAFgC0ot3Bdcm4hfqL54TkahbsM6bEq_b8jxLughnAxg.png)

Choose the frequency you want to synchronize with the source, then click Continue. 

![](https://uploads-ssl.webflow.com/61a49075fd3a7af706d0fa22/6296866d8f22e84bb1143c56_vy62fPR-ruhLBG1qtqvyMpJINOzjXHj8CQBifDoexJ8-BhRwukmp-FI5bZTRsEhqLXWgRi4wU9dTgjccV7R8AJBKP-oY0M85VWRR7XX6uUdRvcGlJ0J-R3xtLdkoJJZ-TW9OOvLHxUw9kpuLXA.png)

Name the connection then click continue to complete the connection. 

![](https://uploads-ssl.webflow.com/61a49075fd3a7af706d0fa22/649c621c2430731b4fb17ad2_hch5M28ipNJs0qGndej9EhNK21wajU5HFGzGiD62ECbGEpfglFQ_n3_TCohwUhDUPLGNMyyrDcvsnp9dogat8-NRCtWq215GwSbdl4taz2Hqo9BVJjVBK5dveMuEHnl2J0rq4H6qAn2gzjLMQBynPyI.png)

### ‍

### **Inside a Slide or Repeating Grid**

Widgets such as progress bar, progress circle, countdown/up and datetime when used inside a repeating grid or slide can show properties from a data record corresponding to each slide or grid cell. 

### ‍

Here is a repeater with a data connection to a leaderboard. In this example a progress circle has been added. Clicking on the lightning bolt next to Current, connect shows only options from the repeating grid connected data.

![](https://uploads-ssl.webflow.com/61a49075fd3a7af706d0fa22/649c621cdae8fac1b6fdc363_go5nqQWIoVXDwFF48yE6AzJItOnsnVApnZEzii_nRT-whW4U_RSUua-0SVAtyusKn2cX2L9rCWxd4HopM7VF3dBM8GvDDjwcZ6ozTRB9SOexJlQEwg6VenMSMxpUKvbEtEOQyU-jLGVQM5hcBoEs1A0.png)

Once an option is selected from the drop down each cell will show the corresponding records information indicated in red on the progress circle.

![](https://uploads-ssl.webflow.com/61a49075fd3a7af706d0fa22/649c621cd8b39b4c5cc17f2f_eIG9sR33BuVvGfxiTrJ7E4n-qqvH6k-QlUgKHiaiNhQL6C8jPorAxKJLyhVnnN3jzmjfC1F_fNJUic68nO_4M_1wM_ZudEtP5dK0yGf08bkpT-YQhNBqu03eErEWEJ88hCrvRq4iXjvFxSfI1Ae_iuI.png)

### ‍

screenfeed.com

Copyright © 2025, Screenfeed