> For the complete documentation index, see [llms.txt](https://docs.work-relay.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.work-relay.com/administration/lightning-components/wr-form-panel.md).

# WR Form Panel

WR Form Panel component allows you to incorporate a Work-Relay form into a Lightning page.

Once the component (1) is added to a Lightning page, fill in **Form Id** (2) by copying the ID from the [form](/forms/basics/working-with-form-settings.md#general-settings):

![](/files/1aeb6846ebbfb2c8d833e94977eb30206202b297)

* **Record Id** (3): Pass Record Id if you need to overwrite the context record ID. The current record ID is passed to the form by default.
* **Form mode** (4): The form mode: View or Edit.
* **Context Fields** (5): Allows you to pass parameters to the form from the Context object.\
  Use JSON key/value format to pass the context record field values to the form. The `key` is the parameter name, and the `value` is the field API name.

  Example: The form source object is Contact (`FirstName='Jim', LastName='Lee'`). The *contextFields* in this case may look like:

  ```json
  {"fnameParam":"FirstName", "lnameParam":"LastName"}
  ```

  In the form, the merge field *{$FormParameters.fnameParam}* will be replaced with `"Jim"`.

  <div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p>Context field setting will work only if Record Id is passed.</p></div>
* **Entire Height** (6): Select this mode if you want to see the entire height form.