question about top-bar icon
Hello,
After creating the top bar icon file (icon_top_bar.svg), I tested the app on Ubuntu in Windows Power Shell.
The top bar icon is displayed normally as below using "zcli apps:server" command .
When I package my app and upload and install the app,
My SVG file is not showing on the screen.
Only default icons are displayed as below.
Here is iframe.html and my icon_top_bar.svg.
*** iframe.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- See Using Zendesk Garden:
https://developer.zendesk.com/apps/docs/developer-guide/setup#using-zendesk-garden
https://garden.zendesk.com/css-components/bedrock/
https://garden.zendesk.com/css-components/utilities/typography/
-->
</head>
<body>
<div>
<input id="" class="" placeholder="Testing">
</div>
<div>
<button class="" type="button">Test</button>
</div>
<script src="https://static.zdassets.com/zendesk_app_framework_sdk/2.0/zaf_sdk.min.js"></script>
<script>
// Initialise Apps framework client. See also:
// https://developer.zendesk.com/apps/docs/developer-guide/getting_started
var client = ZAFClient.init();
//client.invoke('resize', { width: '100%', height: '200px' });
client.invoke('resize', { width: '100%', height: '70px' });
</script>
</body>
</html>
*** icon_top_bar.svg
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="18px" viewBox="0 0 18 18" enable-background="new 0 0 18 18" xml:space="preserve"> <image id="image0" width="18" height="18" x="0" y="0"
href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAArlBMVEX/////////////////
///////////////////////I0uZyjL5wir28yeC8yOBvir1zjb/Y3+0sU54jTJrM1efK1OchSpkv
VZ/Z4O3o7PQ/YqcuVZ/n6/Q/Yqba4e4pUZ20wtzW3uzU3OtAY6cWQZQiS5qBmMWYq8+Wqs/b4e7n
7PTf5fAxV6AnT5zS2uozWaHg5vHK0+dhfbZde7W/y+Jde7Rhfrf3+Pvz9fr29/vNtar0AAAACXRS
TlMkn+8jov2h9PU1X1jEAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+YJBwUJAqUJEHkAAACqSURBVBjT
bdDXEoIwEAXQgCIGKyJEQu9FwYYC//9jsjMRsNyHZHJmspssQhyPR+G5CZoK+CPCDIn4KyLqFmmx
XMFhvdlK3QYk75Q9kKqRAyOdGjKQTKjOyLSIDWQTy+zJcT3f91xnoCDUlC5aGPREozhJ0ySO6HCR
ZFArG9diHY2e8vcjDJozOp6KEqgszhdG19u9AqoeTxWo+3bdNC1Q2zQ1xvN/w/kd4QujIhUJAaw0
kgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wOS0wN1QwNTowOTowMiswMDowMHfTQyoAAAAldEVY
dGRhdGU6bW9kaWZ5ADIwMjItMDktMDdUMDU6MDk6MDIrMDA6MDAGjvuWAAAAKHRFWHRkYXRlOnRp
bWVzdGFtcAAyMDIyLTA5LTA3VDA1OjA5OjAyKzAwOjAwUZvaSQAAAABJRU5ErkJggg==" />
</svg>
Please help what's the problem
Thanks.
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.
0 Kommentare