Credential parameterization layout graphical user interface for electronic devices

Abstract

1. Name of the product in this design: Graphical User Interface for Parameterized Layout Configuration of Certificates for Electronic Devices. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The image or photograph that best illustrates the design's key points: the front view. 5. Purpose of the graphical user interface: Used for the interaction and display of custom configurations for the parameterized voucher layout. 6. Human-computer interaction method of graphical user interface: The main view displays the main interface for configuring the parameterized layout of the voucher protocol. You can set the required template name, configuration type and other parameters by editing the parameter bar at the top of the main view, and check the electronic business seal, customer seal, etc. Click the "Refer to Existing Basic Templates" drop-down menu at the top of the main view, select the desired template, the left element configuration area will update to the element list corresponding to the selected template, and the right preview area will synchronously update to display the corresponding voucher layout effect, triggering the interface to change from the main view to the interface change state diagram 1. Click the "Add" button on the left side of the interface change state diagram 1. You can enter the names of various attributes of the new element at the bottom of the element configuration list. After the cursor moves out of the editing box, it will be automatically saved and checked, triggering the interface to change from the interface change state diagram 1 to the interface change state diagram 2. Clicking the "Sort" button at the bottom of the interface change state diagram 2 will refresh the element list on the left in real time. Selected elements will be highlighted in blue and placed at the top, while unselected elements will be added in the original order, triggering the interface to change from the interface change state diagram 2 to the interface change state diagram 3. Clicking the "Preview" button at the bottom of the interface change state diagram 3 will refresh the preview interface on the right in real time and display the content of the newly selected elements, triggering the interface to change from interface change state diagram 3 to interface change state diagram 4. Click the "Save" button at the bottom of the interface change state diagram 4 to refresh the preview interface. At the same time, a pop-up message will indicate "Modification successful". The interface will then change from the interface change state diagram 4 to the interface change state diagram 5. After clicking the "Confirm" button in Interface Change State Figure 5, close the pop-up window. Then, click the "Export" button in the Feature Configuration Area. A confirmation prompt will pop up, triggering the interface to change from Interface Change State Figure 5 to Interface Change State Figure 6. After clicking the "OK" button in Interface Change State Figure 6, the prompt box will be closed and the file will be downloaded. Then, click the "Import" button in the Feature Configuration Area. A file path selection box will pop up, triggering the interface to change from Interface Change State Figure 6 to Interface Change State Figure 7. In the interface change state diagram 7, select the file in the pop-up file path selection box and determine, then click the bottom "submit" button to save to submit the credential template, close the main interface, and the pop-up box prompts "modification success", triggering the interface to change from the interface change state diagram 7 to the interface change state diagram 8. 7. Other situations needing explanation Other notes: "X" in each view interface represents a text, number or symbol content area.

Images