Voice Screen-Share Input size

[Adrian_Santamaria]

Hello

I've been following this documentation to implement the screen share feature with voice interactions.

My question is if there is a way to make wider the area where the client introduces the security key:

I have tried to do it modifying the "width" in the "css" property of the config object (my code is almost the same as the example), but it only makes wider the black rectangle, but not the input area:

Is there a way to modify the inner element width? There is enough space to put the code, but the placeholder appears incomplete (at least, in spanish)

Thank you

[tim.smith]

You should be able to modify those styles with more specific CSS rules. You can use your browser's developer tools to inspect the HTML and CSS (right click > Inspect in Chrome) to determine appropriate selectors for the elements you wish to style.

[Adrian_Santamaria]

Hello

Using the Inspect tool I that founded the classes of the form are "input-group" and "input-group-lg".

How do I have to modify the "config" object to override those classes' styles? Could you give a little example?

Thank you

[anon57595521]

You can create a custom CSS stylesheet hosted on your own domain, and reference that with the following property:

contentCssUrl (String): A URL to a hosted stylesheet for customizing the screen share security code entry form

See https://developer.mypurecloud.com/api/screenshare/ for more details. Use the tool at https://developer.mypurecloud.com/developer-tools/#/screenshare to see how that variable gets added to configuration.

[Adrian_Santamaria]

Thank you very much, it worked!