> For the complete documentation index, see [llms.txt](https://atd-dts.gitbook.io/atd-knack-operations/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://atd-dts.gitbook.io/atd-knack-operations/knack-code/functionality/back-link-button.md).

# Back Link Buttons

How to style back links into buttons for knack forms.

![Example Back Button](https://3087753818-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LzNSSXajDFpzOv2IhIv%2F-MfYaYAKp0j5ECwIvrCR%2F-MfYbQ4uCLD0xyV-qriH%2Fimage.png?alt=media\&token=9894d5f3-bc19-4c19-9616-9728a1dbe0ee)

<div align="center"><figure><img src="https://3087753818-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LzNSSXajDFpzOv2IhIv%2Fuploads%2FosaskSaA7dmEyt2nZd6Q%2FA3E7767E-FE1C-4640-B425-B23E5FDC9B76.GIF?alt=media&amp;token=2f5c8402-1b38-4eb7-8e9a-bb6f8386ecbf" alt="" width="272"><figcaption><p>Original - Back link</p></figcaption></figure> <figure><img src="https://3087753818-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LzNSSXajDFpzOv2IhIv%2Fuploads%2FFg5xGizAbpUE5CxHC6rd%2F054BB4A4-1AE2-4E1D-8969-24A39AC17C68.GIF?alt=media&amp;token=1acd47bc-3182-438a-b810-e2c488414ec8" alt="" width="219"><figcaption><p>With CSS - Back link. Not the same styling as code below</p></figcaption></figure></div>

### The JS

None needed 😎

### The CSS

For each page with a back link change the `#kn-scene-id`

{% code fullWidth="false" %}

```css
#kn-scene_49 .kn-back-link { padding: 5px 10px; border-style: solid; border-width: 1px; border-color: #ebebeb; border-radius: 4px; 
  box-shadow: 0px 0px 0px 0px gray; font-size: 1.1em; background-color: #ebebeb; color: #163f6e; text-align: center; display: inline-block; }
#kn-scene_49 .kn-back-link:hover { opacity: 0.9; cursor: pointer; border-color: gray; }
```

{% endcode %}

This will additionally remove the link underline for all back links to give a better overall button look. It is best not to remove the link underline if you still plan on using back links instead of having buttons or [removing them completely](https://atd-dts.gitbook.io/atd-knack-operations/knack-code/functionality/remove-back-link). The below ang-link line only needs to be used once.

```css
a.ang-link:link {text-decoration: none;}
```

### How to Implement

Adjust the Scene IDs and you are set!