My icons work perfectly for a dialog on a wide screen, but when screen is narrower than 760px and design has changed for mobile version, I see empty grey squares under or choose from label.
Please see attached screenshots.
Do I need to register mu custom buttons in one more place for the responsive layout?
@Andrii-A In your code, button[0] represents only the button in the side menu of the widget. I suggest adding an SVG in your HTML with a symbol tab like described in the custom tab manual. See the live demo here: https://codepen.io/anon/pen/jvOQVx
Yes, we have tried this approach and found it is not ideal for our needs.
We have a large app with a lot of components, about 450 svg icons in the library and 2 custom tabs in Uploadcare widget,
In our case, the best way would be to assign the icons (from our lib) in the same function where we create tabs, otherwise it won’t be clear, what is the relationship between the tabs and the icons.
Can you please suggest another way to solve the issue?
@Andrii-A Using SVG with the symbol tag is the correct way to set a custom icon for a custom tab. You can try to extract the path element from your SVG, then create a new SVG element that contains the symbol tag with the proper ID and the path from the original SVG. Then you attach this SVG to the container[0] element. This should work.