## Hide Attachment Icon

Are you currently consuming the WebChat via an iFrame or via the JavaScript implementation? [Integrating via JavaScript](https://github.com/microsoft/BotFramework-WebChat#integrate-with-javascript) will give you moderate styling and customizability options.

By modifying the `styleOptions` object passed into the renderer, you can disable the upload button with minimal effort.



<pre><code>window.WebChat.renderWebChat({
  directLine: window.WebChat.createDirectLine({ token }),
  <b>styleOptions: {
    hideUploadButton: true
  }</b>
}, document.getElementById('webchat'));
</code></pre>

[Sample - Disable the Upload Button](https://github.com/microsoft/BotFramework-WebChat/tree/master/samples/02.branding-styling-and-customization/f.hide-upload-button)

## Disable Attachment Upload

The implementation above doesn't prevent the users from sending attachments to the bot, it will just disable the upload button. In the Azure Bot Service, you could also `Block attachment upload from user` in the DirectLine settings to disallow attachments on the service.

To disable the upload functionality:

1. Navigate to your **Web App Bot** resources

2. Navigate to **Channels** and click **Edit**

   [![Edit Chat Bot][1]][1]

3. Check `Block attachment upload from user`

   [![Edit Web Chat][2]][2]


  [1]: https://i.stack.imgur.com/ff3qZ.png
  [2]: https://i.stack.imgur.com/vIwim.png

We're using the [Web Chat][1] Channel in [Microsoft's Bot Framework][2],and we don't want to use the attachment icon.

How can we hide and disable attachments so end users don't accidentally click it or get confused?

[![Attachment example][3]][3]


  [1]: https://learn.microsoft.com/en-us/azure/bot-service/bot-service-channel-connect-webchat?view=azure-bot-service-4.0
  [2]: https://dev.botframework.com/
  [3]: https://i.stack.imgur.com/QONt6.png