To format a number field in Webflow's CMS to display the currency symbol and proper commas, you can follow these steps:
1. Open your Webflow project and navigate to the CMS panel.
2. Select the Collection that contains the number field you want to format.
3. Click on the field you want to format, and in the field settings on the right-hand side, ensure that the field type is set to "Number."
4. Scroll down to the "Formatting" section and click on the "Use Custom Format" checkbox.
5. In the "Format" field, you can input a custom format using a combination of symbols and characters to display the currency symbol and commas. Here's an example format:
```
$#,###.##
```
In the above format, the dollar sign ($) represents the currency symbol, the comma (,) represents the thousands separator, and the period (.) represents the decimal separator.
6. Preview your changes to see how the number field is formatted in the CMS. You should see the currency symbol and commas displayed as specified in the custom format.
By using a custom format in the number field's settings, you can define how the number is displayed in the CMS. This allows you to add the currency symbol and proper commas to enhance the readability and presentation of your numbers.