Following the steps below will change the default label and text box field of the Budget Amount field to the slider code component on the Opportunity entity. You can use similar steps to replace an existing field with a code component or configure a code component for a custom field.
Navigate to Settings > Customizations > Customize the System.
Expand Entities, expand the entity that you want, such as the Opportunity entity, select Forms, and then open a form such as the Main form.
In the form editor, double-click the field where you want to add a code component, such as the Budget Amount field on the opportunity main form. You can also create a custom field.
On the Field Properties page, select the Controls tab, and then select Add Control.
On the Add Control page, select the component that you want, such as the Linear Slider component, and then select Add.
Add linear slider control
Choose the client where you want the component to appear.
Web. To make the code component available from any web browser, select the Web option next to the component. Notice that setting the Web option includes rendering the component in web browsers on PCs, Macs, and mobile devices.
Phone. To make the code component available on phones running Dynamics 365 for phones, select the Phone option next to the component.
Tablet. To make the code component available on tablet devices running Dynamics 365 for tablets, select the Tablet option next to the component.
Choose the client apps to view the custom control
Select the pencil icon next to Min, Max, and Step, set the property option, and then select OK.
Add custom control properties
Min. Set the minimum accepted value. You can bind a static value that you enter or bind the value to an existing field. In this example Bind to static value is Currency and the minimum value that can be entered is zero.
Bind to a static value. Select the data type, such as a whole number (Whole.None), currency, floating point (FP), or decimal. Next, enter a number that represents the minimum accepted value for the field.
Bind to values on a field. Select a field from the list that will be used as the minimum accepted value.
Max. Set the maximum accepted value for the field. Similar to the Min value, you can bind a static value that you enter or bind the value to an existing field as described earlier. In this example, Bind to static value is Currency and the maximum value that can be entered is 1 billion.
Step. This represents the unit to increment or decrement when adding to or subtracting from the current value. For example, for budget amount you can select 100 dollar increments\decrements.
Hide Default Control. Hides the component so neither the component or the data is displayed in any of the clients that don't support the code component.
Select OK, to close the Field Properties page.
To activate the customization, on the entity form select Save, and then select Publish.
Select Save and Close to close the form editor.