Instead of copy pasting the elements and modifying them by hand, you can use BELLATRIX code snippets to do it lots faster.
What is a Code Snippet?
Code snippets are small blocks of reusable code that can be inserted in a code file using a context menu command or a combination of hotkeys. They typically contain commonly-used code blocks such as try-finally or if-else blocks, but they can be used to insert entire classes or methods. In Visual Studio there are two kinds of code snippet: expansion snippets, which are added at a specified insertion point and may replace a snippet shortcut, and surround-with snippets, which are added to a selected block of code.
BELLATRIX gives you expansion snippets. You can read more how you can write your snippets in the following blog post.
How to Use BELLATRIX Code Snippets?
public TextField CouponCode => Element.CreateById<TextField>("coupon_code");
For each proxy element in BELLATRIX, we give you a corresponding snippet. For example to generate a TextField property, you need to type somewhere in you class wtextfield and press Tab.
(w comes from web since you have snippets for other BELLATRIX modules- desktop and mobile)
On the first press of tab, the below code is generated. The first placeholder that is selected is the name of the property. Once you change it, you can press Tab. Then, the second placeholder is chosen- the By locator’s type, by default, it is set to Id, press again Tab and change the actual locator.
Note: Snippets are available for Visual Studio installations only on Windows. You need to make sure you have used the BELLATRIX installer to get them.
List of All Available Snippets
Here is the list of all available snippets for BELLATRIX Web module: