Join the Team Forms community

n
nu

A

Agoda

--- Hubungi nomor contact Resmi Bank Nagari

--- nomor WhatsApp resmi Traveloka +6281459167088

Hi Everyone,

I have developed a form with two panel components: panelOne and panelTwo. I need to restrict access so that certain users (Name1 and Name2) in the organization can only access panelOne, while panelTwo is disabled for them. Additionally, only one other user (Name3) should have access to panelTwo. This setup will allow Name3 to view the responses submitted by Name1 and Name2 in panelOne and provide remarks on their performance based on these responses.

I hope my explanation is clear. Please let me know if you need further clarification.

Any suggestions or guidance would be greatly appreciated.

Many thanks!

Hi everyone,

I have a form where I have a data-grid (DG) component inside and in that DG component I have a number and text field component , I want both of them to behave like if the user has written anything in those fields in the first row of the data-grid component I want the second row or any rows added of that same data-grid component to have the same values written in that number and text-field component.

Any suggestions would be helpful!
Thanks

2 comments
E
A

We've created a Form with multiple pages for Onboarding purposes. It works really well but we have a problem. Different departments that required certain pages of the Onboarding Form can't split the paper work (PDF).


Is there a way we can either split the PDF when it is email out to the relevant staff after submission or when viewing submissions we can download certain pages of the PDF? This would be a great feature that has potential on a lot of forms we use

3 comments
A
T

Hi everyone,

I have created a form where, I am using a multi-page wizard so in my first page (let's call it, page1) I have a data-grid component (lets call it DG1) and in another page (page2) I have another data-grid component (DG2) , page2 is more like an overview page, so I want to display the data from DG1 on the DG2 component automatically (basically, whatever fields i have selected (in the share-point component values) and typed in the text-field or number component, I want them to be displayed). Is it possible to achieve it, If yes, how should i go for it.

Moreover, I have another form where I have a data-grid component inside it I have a number and text field component , I want both of them to behave like if the user has written anything in those fields in the first row of the data-grid component I want the second row of data-grid component to have the same values written in that number and text-field component.

Any suggestions would be helpful :)

Many thanks!

5 comments
A
E

When clicking the bubble it works fine but clicking the word attached seems to change the answer to the incorrect option?


2 comments
E
T

hi,

If I use team by edge or chrome browser, is there notification function when contact show message to me at desktop? thanks.

1 comment
A

Is there any work around to hide the options in a dropdown component? I want it to behave like a search bar where it will suggest options when a user inputs a text.

The default dropdown is like this:

My desired output is that when the field is focused, it would not show all the options. Instead if I type for example, the letter G, then all options starting with G will show.

2 comments
E
Y

hi,

Our end user feedback when she login teams by website or app, the calendar function not run successfully, because she use team by intranet, not internet. I would like to check which website should be added to firewall to open calendar function? Thanks.

1 comment
A

What stats are available for Team Forms platform? The stats may not necessarily come from TF directly, that's fine, if there was a way to capture these stats from Sharepoint/Power Automate or other tools, it would be very useful. I've shared some of the stats I had in mind, open to any ideas too.

  • Number of Teams with Teams Forms installed

  • Number of daily submissions overall and by form

  • Top # most used forms

  • Active/InActive Forms for past 3, 6 12 months

  • New forms created in past month

  • Total number of forms under development and in Prod

  • Number of calls per day to PowerApps or other automations/ external integrations

  • Top form creators

2 comments
A
J

Can a Data Grid dynamically change the number of rows based the number of rows in another Data Grid or the value of another field?

1 comment
A

I added an input field inside my survey component by inserting <input></input> inside my questions fields under the Data tab. Output is shown on the second photo.

Now I'd like to add another column for another input field to the right of the first column.
Also, I like to have table headers for the first and second column.
Or are there any other workaround to achieve the same output?

2 comments
E

I want to populate fields in my Team Forms based on a selected item in my SharePoint list. I want to use it in a case such as:

Name Email Contact Evaluate
Test use test@gmail.com 1037435467 Evaluate Candidate (hyperlink)

When I click the evaluate column, it would redirect me to my form which had already populated Name, Email and Contact for me.

Anyone who had already implemented a case like this? I'm also open to any other workaround that would have the similar output :)

1 comment
E

We’re excited to introduce a powerful new update to Team Forms, giving you greater flexibility in managing form access and responses. With this enhancement, you can precisely control who can see and respond to a form within a team, ensuring forms are only available to the right people.


In addition, you can now manage who has access to form responses, making it easier to tailor visibility based on roles or responsibilities. Permissions can be assigned to individual users, SharePoint permission groups, or even Active Directory / Entra Groups, allowing seamless integration with your existing team structure.


This update builds on our Confidential Responses feature, offering more granular control over form access and response visibility. Whether you’re gathering feedback, collecting approvals, or managing internal processes, these new permissions give you even more flexibility to configure forms in a way that works best for your team.


Start using fine-grained permissions today to control who can access forms and responses. Simply open the form builder screen, click the β€œβ€¦β€ icon in the top right corner, and select β€œPermissions” to get started.


Team Forms is thrilled to unveil an exciting new feature that empowers users to harness past form responses as a data source for other forms. This innovative capability transforms your form submissions into a dynamic, reusable database, streamlining workflows and unlocking new possibilities for data management within your organization.


What Does This Feature Do?

With this update, you can now tap into data collected from previous form responses and integrate it seamlessly into new forms. This closes the loop in your data processes, enabling you to create interconnected, context-aware forms that adapt to your team’s needs. Whether you’re looking to improve efficiency, ensure data consistency, or enhance user experience, this feature has you covered.


Example

Imagine your organization uses an equipment purchase form to log details such as equipment type, serial number, and purchase date. Later, when it’s time for routine inspections, you create an equipment inspection form. With this new feature, you can effortlessly pull data from the purchase form to populate fields or dropdowns in the inspection formβ€”no need to set up a Power Automate to push data into another list. For instance, the inspection form can display a list of equipment serial numbers from past purchases, ensuring that inspectors select the correct item without manual data entry.

2 comments
Y
E

Hi,

I want to know how I can filter the select boxes data based on the previously selected three cascading drop-down fields, same as the screenshot below.

1 comment
E

The link nor the RQ Code to share my form with anyone do not work. Please help?

6 comments
E
G

Hello everyone!

I was attempting to link two separate forms to work seamlessly together.

e.g

I am assigned to evaluate three people, and each evaluation will have different results. Ideally, when I click on Person 1, their details should be pre-filled in a new form specifically for their evaluation.

  • Form 1: Displays the list of people to be evaluated.

  • Form 2: Opens when selecting a person, with their details pre-filled, allowing for individual evaluation.


    When I click the βž• icon, it should redirect me to another form where the name 'LeBron James' is pre-filled. After completing the evaluation and submitting the result (Pass or Fail), the outcome should automatically reflect in the first form.

    Do you have any suggestions, or have you encountered a similar scenario before? I'd love to know how you approached it and implemented the solution. Thanks!

6 comments
E
A

I have created a summer camp registration form that includes sharepoint data from excel data sources. When I make the form public so that I can share the QR code with people outside of the organization who I'd like to fill out the form, my sharepoint fields are not linked to the data any longer, and the options cannot be seen or selected. Is there a way to make the sharepoint data fields public as well?

2 comments
A
T

I know it's more of a Power Automate question rather than a Team Forms one. But does anyone have an idea of how to get the label of the radio button value I selected using Power Automate. I want to get the label of each choice :

The current data that I can access is in this format:
"data":Β {

Β Β Β Β "Monday":Β "Salad",

Β Β Β Β "Tuesday":Β "Pork",

Β Β Β Β "Wednesday":Β "Chicken",

Β Β Β Β "Thursday":Β "WFH",

Β Β Β Β "Friday":Β "Pork",

Β Β Β Β "name":Β "Test User",

Β Β Β Β "email_address":Β "test@gmail.com",

Β Β Β Β "account":Β "Account Test",

Β Β Β Β 

Β Β },

1 comment
E

Trying to use a tag component with a default calculated value to list all of the months between a start and end date. IE; Start 02/01/2025, END 05/31/2025, Returns 2025-Feb, 2025-Mar, 2025-Apr, 2025-May. JSON & calculated value JavaScript below. Any ideas on what I am doing wrong?



JavaScript
const getDateRange = (startQuota, endQuota) => {
  if (moment(startQuota, 'MM-DD-YYYY').isSame(moment(endQuota, 'MM-DD-YYYY'), 'day'))
    return [endQuota];
  let date = startQuota;
  const dates = [date];
  do {
    date = moment(date).add(1, 'day');
    dates.push(date.format('YYYY-MM'));
  } while (moment(date).isBefore(endQuota));
  return dates;
};


JSON
{
  "title": "Quota",
  "theme": "primary",
  "breadcrumbClickable": true,
  "buttonSettings": {
    "previous": true,
    "cancel": false,
    "next": true
  },
  "navigateOnEnter": false,
  "saveOnEnter": false,
  "scrollToTop": false,
  "collapsible": false,
  "hiddenInPdf": false,
  "key": "page4",
  "permissions": [
    {
      "user": {},
      "permissionLevel": ""
    }
  ],
  "type": "panel",
  "label": "Page 2",
  "components": [
    {
      "html": "<p style=\"text-align:center;\"><span class=\"text-big\"><strong>QUOTA DETAILS</strong></span></p>",
      "label": "Content",
      "refreshOnChange": false,
      "hiddenInPdf": false,
      "key": "content3",
      "permissions": [
        {
          "user": {},
          "permissionLevel": ""
        }
      ],
      "type": "content",
      "input": false,
      "tableView": false,
      "skipRemoveConfirm": true,
      "pdfVisibility": "visible"
    },
    {
      "hiddenInPdf": false,
      "key": "well4",
      "permissions": [
        {
          "user": {},
          "permissionLevel": ""
        }
      ],
      "type": "well",
      "input": false,
      "tableView": false,
      "label": "",
      "components": [
        {
          "label": "Columns",
          "columns": [
            {
              "components": [
                {
                  "label": "Start Date",
                  "format": "MM-dd-yyyy",
                  "hiddenInPdf": false,
                  "tableView": false,
                  "datePicker": {
                    "disableWeekends": false,
                    "disableWeekdays": false
                  },
                  "enableTime": false,
                  "timePicker": {
                    "showMeridian": false
                  },
                  "validate": {
                    "customMessage": "Please select the 1st of the month.",
                    "custom": "//const date = moment(data.startQuota);\r\n//const isFirstDayOfMonth = date.isSame(date.clone().startOf('month'), 'day');\r\n//valid = isFirstDayOfMonth\r\n\r\n//const date = moment(data.startQuota);\r\n//const isFirstDayOfMonth = date.isSame(date.clone().startOf('month'), 'day');\r\n//const goal = data.quotaGoal\r\n\r\n//if( data.quotaGoal.toString.length === 0){valid}\r\n//else { valid = isFirstDayOfMonth }\r\n\r\n\r\nif (data.quotaGoal > 0) {\r\n    const date = moment(data.startQuota);\r\n    const isFirstDayOfMonth = date.isSame(date.clone().startOf('month'), 'day');\r\n    valid = isFirstDayOfMonth\r\n} \r\n"
                  },
                  "enableMinDateInput": false,
                  "enableMaxDateInput": false,
                  "key": "startQuota",
                  "permissions": [
                    {
                      "user": {},
                      "permissionLevel": ""
                    }
                  ],
                  "type": "datetime",
                  "input": true,
                  "widget": {
                    "type": "calendar",
                    "displayInTimezone": "viewer",
                    "locale": "en",
                    "useLocaleSettings": false,
                    "allowInput": true,
                    "mode": "single",
                    "enableTime": false,
                    "noCalendar": false,
                    "format": "MM-dd-yyyy",
                    "hourIncrement": 1,
                    "minuteIncrement": 1,
                    "time_24hr": true,
                    "minDate": null,
                    "disableWeekends": false,
                    "disableWeekdays": false,
                    "maxDate": null
                  },
                  "skipRemoveConfirm": true,
                  "pdfVisibility": "visible"
                }
              ],
              "width": 6,
              "offset": 0,
              "push": 0,
              "pull": 0,
              "size": "md",
              "currentWidth": 6
            },
            {
              "components": [
                {
                  "label": "End Date",
                  "format": "MM-dd-yyyy",
                  "hiddenInPdf": false,
                  "tableView": false,
                  "datePicker": {
                    "disableWeekends": false,
                    "disableWeekdays": false
                  },
                  "enableTime": false,
                  "timePicker": {
                    "showMeridian": false
                  },
                  "validate": {
                    "customMessage": "Must be both after the start date and the last day of a given month",
                    "custom": " if (moment(data.startQuota).valueOf() > 0) {\r\n        let _startdate = moment(data.startQuota);\r\n        let _enddate = moment(data.endQuota);\r\n        let _duration = _enddate > _startdate\r\n        const enddate = moment(data.endQuota);\r\n        const isLastDayOfMonth = enddate.isSame(enddate.clone().endOf('month'), 'day');\r\n       \r\n        valid = isLastDayOfMonth && _duration\r\n    \r\n    }\r\n"
                  },
                  "enableMinDateInput": false,
                  "enableMaxDateInput": false,
                  "key": "endQuota",
                  "permissions": [
                    {
                      "user": {},
                      "permissionLevel": ""
                    }
                  ],
                  "type": "datetime",
                  "input": true,
                  "widget": {
                    "type": "calendar",
                    "displayInTimezone": "viewer",
                    "locale": "en",
                    "useLocaleSettings": false,
                    "allowInput": true,
                    "mode": "single",
                    "enableTime": false,
                    "noCalendar": false,
                    "format": "MM-dd-yyyy",
                    "hourIncrement": 1,
                    "minuteIncrement": 1,
                    "time_24hr": true,
                    "minDate": null,
                    "disableWeekends": false,
                    "disableWeekdays": false,
                    "maxDate": null
                  },
                  "skipRemoveConfirm": true,
                  "pdfVisibility": "visible"
                }
              ],
              "width": 6,
              "offset": 0,
              "push": 0,
              "pull": 0,
              "size": "md",
              "currentWidth": 6
            }
          ],
          "hiddenInPdf": false,
          "key": "columns5",
          "permissions": [
            {
              "user": {},
              "permissionLevel": ""
            }
          ],
          "type": "columns",
          "input": false,
          "tableView": false,
          "skipRemoveConfirm": true,
          "pdfVisibility": "visible"
        },
        {
          "label": "Columns",
          "columns": [
            {
              "components": [
                {
                  "label": "Goal",
                  "applyMaskOn": "change",
                  "hiddenInPdf": false,
                  "mask": false,
                  "tableView": false,
                  "delimiter": true,
                  "requireDecimal": false,
                  "inputFormat": "plain",
                  "truncateMultipleSpaces": false,
                  "validate": {
                    "min": 1
                  },
                  "key": "quotaGoal",
                  "permissions": [
                    {
                      "user": {},
                      "permissionLevel": ""
                    }
                  ],
                  "type": "number",
                  "input": true,
                  "skipRemoveConfirm": true,
                  "pdfVisibility": "visible"
                }
              ],
              "width": 3,
              "offset": 0,
              "push": 0,
              "pull": 0,
              "size": "md",
              "currentWidth": 3
            },
            {
              "components": [
                {
                  "label": "Goal Unit",
                  "widget": "choicesjs",
                  "hiddenInPdf": false,
                  "tableView": true,
                  "data": {
                    "values": [
                      {
                        "label": "Cases",
                        "value": "option1"
                      },
                      {
                        "label": "Cases (9L)",
                        "value": "9LCases"
                      },
                      {
                        "label": "Bottles",
                        "value": "bottles"
                      }
                    ],
                    "label": "Drop Down List"
                  },
                  "key": "dropDownList2",
                  "permissions": [
                    {
                      "user": {},
                      "permissionLevel": ""
                    }
                  ],
                  "type": "select",
                  "input": true,
                  "skipRemoveConfirm": true,
                  "pdfVisibility": "visible"
                }
              ],
              "width": 3,
              "offset": 0,
              "push": 0,
              "pull": 0,
              "size": "md",
              "currentWidth": 3
            },
            {
              "components": [
                {
                  "label": "Goal Type",
                  "widget": "choicesjs",
                  "hiddenInPdf": false,
                  "tableView": true,
                  "data": {
                    "values": [
                      {
                        "label": "Volume",
                        "value": "volumeQuota"
                      },
                      {
                        "label": "Accounts Sold",
                        "value": "percentQuota"
                      },
                      {
                        "label": "PODs",
                        "value": "podQuota"
                      },
                      {
                        "label": "New Volume",
                        "value": "nvolumeQuota"
                      },
                      {
                        "label": "New Accounts",
                        "value": "naccountQuota"
                      },
                      {
                        "label": "New PODs",
                        "value": "npodQuota"
                      }
                    ],
                    "label": "Drop Down List"
                  },
                  "key": "goalType2",
                  "permissions": [
                    {
                      "user": {},
                      "permissionLevel": ""
                    }
                  ],
                  "type": "select",
                  "input": true,
                  "skipRemoveConfirm": true,
                  "pdfVisibility": "visible"
                }
              ],
              "size": "md",
              "width": 3,
              "currentWidth": 3
            },
            {
              "components": [
                {
                  "label": "Unsold Since",
                  "format": "MM-dd-yyyy",
                  "hiddenInPdf": false,
                  "tableView": false,
                  "datePicker": {
                    "disableWeekends": false,
                    "disableWeekdays": false
                  },
                  "enableTime": false,
                  "timePicker": {
                    "showMeridian": false
                  },
                  "enableMinDateInput": false,
                  "enableMaxDateInput": false,
                  "key": "startDate8",
                  "permissions": [
                    {
                      "user": {},
                      "permissionLevel": ""
                    }
                  ],
                  "type": "datetime",
                  "input": true,
                  "widget": {
                    "type": "calendar",
                    "displayInTimezone": "viewer",
                    "locale": "en",
                    "useLocaleSettings": false,
                    "allowInput": true,
                    "mode": "single",
                    "enableTime": false,
                    "noCalendar": false,
                    "format": "MM-dd-yyyy",
                    "hourIncrement": 1,
                    "minuteIncrement": 1,
                    "time_24hr": true,
                    "minDate": null,
                    "disableWeekends": false,
                    "disableWeekdays": false,
                    "maxDate": null
                  },
                  "skipRemoveConfirm": true,
                  "pdfVisibility": "visible"
                }
              ],
              "size": "md",
              "width": 3,
              "currentWidth": 3
            }
          ],
          "hiddenInPdf": false,
          "key": "columns6",
          "permissions": [
            {
              "user": {},
              "permissionLevel": ""
            }
          ],
          "type": "columns",
          "input": false,
          "tableView": false,
          "skipRemoveConfirm": true,
          "pdfVisibility": "visible"
        },
        {
          "label": "Quota Details",
          "applyMaskOn": "change",
          "autoExpand": false,
          "hiddenInPdf": false,
          "tableView": true,
          "case": "uppercase",
          "truncateMultipleSpaces": true,
          "key": "quotaDetails2",
          "permissions": [
            {
              "user": {},
              "permissionLevel": ""
            }
          ],
          "type": "textarea",
          "input": true,
          "skipRemoveConfirm": true,
          "pdfVisibility": "visible"
        },
        {
          "label": "Tags",
          "pdfVisibility": "visible",
          "tableView": false,
          "clearOnHide": false,
          "customDefaultValue": "const getDateRange = (startQuota, endQuota) => {\r\n  if (moment(startQuota, 'YYYY-MM-DD').isSame(moment(endQuota, 'YYYY-MM-DD'), 'day'))\r\n    return [endQuota];\r\n  let date = startQuota;\r\n  const dates = [date];\r\n  do {\r\n    date = moment(date).add(1, 'day');\r\n    dates.push(date.format('YYYY-MM-DD'));\r\n  } while (moment(date).isBefore(endQuota));\r\n  return dates;\r\n};",
          "calculateValue": "const getDateRange = (startQuota, endQuota) => {\r\n  if (moment(startQuota, 'MM-DD-YYYY').isSame(moment(endQuota, 'MM-DD-YYYY'), 'day'))\r\n    return [endQuota];\r\n  let date = startQuota;\r\n  const dates = [date];\r\n  do {\r\n    date = moment(date).add(1, 'day');\r\n    dates.push(date.format('YYYY-MM'));\r\n  } while (moment(date).isBefore(endQuota));\r\n  return dates;\r\n};",
          "key": "tags",
          "permissions": [
            {
              "user": {},
              "permissionLevel": ""
            }
          ],
          "type": "tags",
          "input": true,
          "skipRemoveConfirm": true
        }
      ],
      "skipRemoveConfirm": true,
      "pdfVisibility": "visible"
    },
    {
      "label": "PDF Page Break",
      "permissions": [
        {
          "user": {},
          "permissionLevel": ""
        }
      ],
      "type": "pdfPageBreak",
      "input": false,
      "key": "pdfPageBreak1",
      "tableView": false,
      "skipRemoveConfirm": true
    }
  ],
  "input": false,
  "tableView": false,
  "skipRemoveConfirm": true,
  "pdfVisibility": "visible"
}
2 comments
E
D

Put a PowerPoint presentation in the form



1 comment
E

The Address Component allows form builders to specify "provider options" when Provider is set to "Google Maps". This can be used to send additional parameters with the address query (e.g. to limit results to a specific country).
Currently, when "Azure Maps" is selected as Provider, there is no input field for "provider options" and so no ability to input any parameters additional parameters.

Enabling input of provider options would improve the usability of the Azure Maps API with this component.