> For the complete documentation index, see [llms.txt](https://docs.knowcode.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.knowcode.app/fine-tunning-components.md).

# Fine-tunning - Components

Its UI elements also deserve attention.

## Checking and adjusting the components

### **Make sure the boxes are getting all components correctly.**

![](https://1146569083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MctwXAFjm9o1Z1dc2nn%2Fuploads%2FkocGKNdRp1DFZmBNd4mY%2FEdit%20Size.png?alt=media\&token=89d4fba4-9d98-42fc-b49b-d9abe51e634c)

### **Check every component of the screen.**

{% hint style="warning" %}
**If it’s an image button, choose the correspondent asset in “File Name”**
{% endhint %}

![](https://1146569083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MctwXAFjm9o1Z1dc2nn%2Fuploads%2FMyLHKxGathJMaDmi6kVn%2FImageButton%20Background.png?alt=media\&token=ff62cbfc-1d5b-48bc-b554-140c20efc843)

{% hint style="warning" %}
**If the type of component is wrong, choose the right one in the drop-down list**
{% endhint %}

![](https://1146569083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MctwXAFjm9o1Z1dc2nn%2Fuploads%2FZ66zNtXcN87VrepG3Rz0%2Fcomponent%20type.png?alt=media\&token=edda8775-ba7e-4768-9278-ecb3e984772b)

{% hint style="warning" %}
**If it’s a TextView, check the text color,  background color, font family and font size. And also check the writing.**
{% endhint %}

![](https://1146569083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MctwXAFjm9o1Z1dc2nn%2Fuploads%2F2QTpZ8uXngColWZlRLpq%2Fcomponent%20specific.png?alt=media\&token=844b4444-cc32-4647-ba28-63ac1d032ea3)

{% hint style="warning" %}
**Resize the boxes in order to be closer to the asset size.**
{% endhint %}

![](https://1146569083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MctwXAFjm9o1Z1dc2nn%2Fuploads%2FqHPWvfYPkohMar0lmkfo%2FboxsizingPixel.png?alt=media\&token=92080fa0-590b-4562-a842-e0ccaece1ef2)

{% hint style="warning" %}
**Set the screen navigation for each button**
{% endhint %}

![](https://1146569083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MctwXAFjm9o1Z1dc2nn%2Fuploads%2FUaGYedxiZHHHfrA4YMVx%2Fnavigation2.png?alt=media\&token=f51481e9-9296-4cb6-ac85-f0cd8a74f05d)

{% hint style="success" %}
**After checking every component, you’re good to go! Just click on** 

**"Export"**
{% endhint %}

![](https://1146569083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MctwXAFjm9o1Z1dc2nn%2Fuploads%2FZ9fXFc7LIbM04DFuRUbw%2FScreen%20to%20Export.png?alt=media\&token=553231e4-ed0a-4d37-8d3e-d75ebd651a2b)