Skip to main content

Document Controls

About 2 min
  • In Design Mode, right-click the menu and click Properties to open the property settings panel for document controls;
  • In Design Mode, after opening the property settings panel, click on a document control to switch to the properties of the currently selected control for quick configuration;
  • General Property 【Identifier】: Used for data binding or retrieving bound data; (The HTML node's id and name are both set to the identifier property)
  • General Property 【Width】: Specifies the minimum width of the control, used for fixed positioning in the document;
  • General Property 【Alignment】: After specifying the width of the control, sets the alignment of the internal text (left, right, center);
  • General Property 【Required Input】: Validates and prompts for missing input when saving the document;
  • Use the TAB key or Enter key to switch between controls;

Text Box

  • Used for text input;
  • In Form Mode, use the (Ctrl+Enter) key combination to input a line break;

Date

  • Used to select a date;
  • You can specify the date format: e.g., yyyy-MM-dd, MM月dd日;

Static Dropdown

  • Allows specifying options for dropdown selection;
  • Options are in multi-line text format and support the 【Code:Label】 format;
  • Dropdown options support navigation with up/down keys and selection with Enter;

Dynamic Dropdown

  • Mainly used for inputs with large dynamic data sources, such as diagnoses and medications;
  • Requires specifying a data source URL; (e.g., /icd.json; http://x-emr.cn/dic/druglist)
  • The data source URL passes parameters as key=input string; e.g., (/icd.json?key=flu)
  • The data source returns a fixed JSON format; [{code: 'xxxx1', name:'xxx1'}, {code: 'xxxx2', name:'xxx2'}, ...]
  • Please implement the data source interface yourself;
  • After selecting a dropdown data item, the code can be brought into the Nth input field to the right of the current control; N=0 does not bring in the code; N<0 specifies the Nth input field to the left

Checkbox/Radio Button

  • Insert a single checkbox/radio button, which can have a unique control identifier. Additional document elements, such as text and other controls, can be inserted after the checkbox/radio button.

Checkbox/Radio Button Group

  • Inserts checkboxes/radio buttons as a group in the document, with the entire group sharing one control identifier;
  • You can configure the group properties to set the number of items and their labels.

Image

  • Use the toolbar to insert an image;
  • In Design Mode, select the image to resize it;
  • Resizing supports adjustments to the right, downward, and bottom-right directions only;
  • Selected images can be deleted;

Barcode

  • Modify the barcode value via the right-click properties menu;
  • Retrieve the barcode value;

QR Code

  • Modify the QR code value via the right-click properties menu;
  • Retrieve the QR code value;

Electronic Signature

  • Insert an electronic signature using the toolbar;
  • Modify the electronic signature by deleting and re-inserting it;
  • Double-click to edit the electronic signature;

Medical Expression

  • Insert a medical expression using the toolbar;
  • Double-click to edit the medical expression;
  • Permanent and deciduous tooth chart;
  • Fetal heart position chart;
  • Commonly used medical special symbols;