https://www.gooddata.com/ logo
Join Slack
Powered by
Hello again GD team. I’m trying to use theming to ...
# gooddata-cloud
e
Hello again GD team. I’m trying to use theming to add a logo for slides export in a workspace. I’ve followed the instructions under https://www.gooddata.com/docs/cloud/create-dashboards/export/export-templates/#theming. The image format, size and url meet the conditions, but the image is not appearing in the PPTX export. I’ve also definitely applied the theme to the workspace - I can see the definition with the logo references in the network response when loading a dashboard in the workspace. Could you share an example here of a valid theme with logo attributes populated, as per the instructions I referenced? Thank you!
j
Hi Eoghan, I'm having issues getting the logo to export in pptx as well. I'm going to check this internally and we will follow up with you
👍 1
Hi Eoghan, it should look something like this:
Copy code
{
  "dashboards": {
    "export": {
      "logo": {
        "url": "<https://example.com/path-to-your-logo.png>",
        "height": 40,
        "width": 160
      }
    }
  }
}
would you be able to share the body you have?
e
Thanks Joseph, I’ll try that. This is the theme I have in the workspace. It’s the built-in ‘blue light’ theme with the 
attributes
as per the export-templates theming documentation I referenced above.
Copy code
{
  "palette": {
    "primary": {
      "base": "#347EFF"
    },
    "error": {
      "base": "#d13049"
    },
    "success": {
      "base": "#25a953"
    },
    "warning": {
      "base": "#FF9546"
    }
  },
  "button": {
    "borderRadius": "2",
    "dropShadow": true
  },
  "modal": {
    "title": {
      "color": "#413C5E",
      "lineColor": "#DFE0E5"
    },
    "borderColor": "#ffffff",
    "borderRadius": "6",
    "borderWidth": "2",
    "dropShadow": true,
    "outsideBackgroundColor": "#DFE0E5"
  },
  "tooltip": {
    "color": "#FFFFFFCC",
    "backgroundColor": "#413C5E"
  },
  "analyticalDesigner": {
    "title": {
      "color": "#413C5E"
    }
  },
  "dashboards": {
    "title": {
      "color": "#413C5E",
      "backgroundColor": "#FFFFFF",
      "borderColor": "#BFC4E0"
    },
    "navigation": {
      "title": {
        "color": "#413C5E"
      },
      "borderColor": "#BFC4E0",
      "item": {
        "color": "#413C5E",
        "hoverColor": "#2A80F8",
        "selectedColor": "#2A80F8",
        "selectedBackgroundColor": "#fff"
      },
      "backgroundColor": "#F4F5FB"
    },
    "filterBar": {
      "filterButton": {
        "backgroundColor": "#FFFFFF"
      },
      "backgroundColor": "#FFFFFF",
      "borderColor": "#BFC4E0"
    },
    "section": {
      "title": {
        "color": "#413C5E",
        "lineColor": "#FFFFFF"
      },
      "description": {
        "color": "#999EA5"
      }
    },
    "content": {
      "kpiWidget": {
        "title": {
          "color": "#413c5e",
          "textAlign": "center"
        },
        "kpi": {
          "primaryMeasureColor": "#2a80f8",
          "secondaryInfoColor": "#413C5E99"
        },
        "borderColor": "#2168E5",
        "borderRadius": "6",
        "borderWidth": "0",
        "backgroundColor": "#F4F5FB",
        "dropShadow": false
      },
      "widget": {
        "title": {
          "color": "#101010",
          "textAlign": "center"
        },
        "borderColor": "#ffffff",
        "borderRadius": "6",
        "borderWidth": "2",
        "dropShadow": false
      },
      "backgroundColor": "#FFFFFF"
    }
  },
  "attributes": {
    "content": {
      "images": {
        "coverImage": "url(<full-logo-url>)",
        "logo": "url(<full-logo-url>)"
      }
    }
  }
}
I’ve redacted the actual url.
Tried your suggestion, here’s the updated theme:
Copy code
{
  "palette": {
    "primary": {
      "base": "#347EFF"
    },
    "error": {
      "base": "#d13049"
    },
    "success": {
      "base": "#25a953"
    },
    "warning": {
      "base": "#FF9546"
    }
  },
  "button": {
    "borderRadius": "2",
    "dropShadow": true
  },
  "modal": {
    "title": {
      "color": "#413C5E",
      "lineColor": "#DFE0E5"
    },
    "borderColor": "#ffffff",
    "borderRadius": "6",
    "borderWidth": "2",
    "dropShadow": true,
    "outsideBackgroundColor": "#DFE0E5"
  },
  "tooltip": {
    "color": "#FFFFFFCC",
    "backgroundColor": "#413C5E"
  },
  "analyticalDesigner": {
    "title": {
      "color": "#413C5E"
    }
  },
  "dashboards": {
    "export": {
      "logo": {
        "url": "<full-logo-url>",
        "height": 40,
        "width": 160
      }
    },
    "title": {
      "color": "#413C5E",
      "backgroundColor": "#FFFFFF",
      "borderColor": "#BFC4E0"
    },
    "navigation": {
      "title": {
        "color": "#413C5E"
      },
      "borderColor": "#BFC4E0",
      "item": {
        "color": "#413C5E",
        "hoverColor": "#2A80F8",
        "selectedColor": "#2A80F8",
        "selectedBackgroundColor": "#fff"
      },
      "backgroundColor": "#F4F5FB"
    },
    "filterBar": {
      "filterButton": {
        "backgroundColor": "#FFFFFF"
      },
      "backgroundColor": "#FFFFFF",
      "borderColor": "#BFC4E0"
    },
    "section": {
      "title": {
        "color": "#413C5E",
        "lineColor": "#FFFFFF"
      },
      "description": {
        "color": "#999EA5"
      }
    },
    "content": {
      "kpiWidget": {
        "title": {
          "color": "#413c5e",
          "textAlign": "center"
        },
        "kpi": {
          "primaryMeasureColor": "#2a80f8",
          "secondaryInfoColor": "#413C5E99"
        },
        "borderColor": "#2168E5",
        "borderRadius": "6",
        "borderWidth": "0",
        "backgroundColor": "#F4F5FB",
        "dropShadow": false
      },
      "widget": {
        "title": {
          "color": "#101010",
          "textAlign": "center"
        },
        "borderColor": "#ffffff",
        "borderRadius": "6",
        "borderWidth": "2",
        "dropShadow": false
      },
      "backgroundColor": "#FFFFFF"
    }
  }
}
This doesn’t work either. Both the PPTX and PDF slide deck exports still show the default “your logo”.
j
Thanks, let me follow up with the engineers
Hi Eoghan, you need to ammend the theme to use the following:
Copy code
{
  "images": {
    "coverImage": "url(example",
    "logo": "url(example)"
  },
  "palette": {
    "primary": {
      "base": "#14B2E2"
    },
    "complementary": {
      "c0": "#09131B",
      "c1": "#122330",
      "c5": "#4A6C89",
      "c9": "#F0F8FF"
    }
  },
  "dashboards": {
    "content": {
      "widget": {
        "backgroundColor": "#122330"
      }
    }
  }
}
Ensure that you do not use shortened URL and that the images are either 
jpeg
or 
png
. The image size must not exceed 1MB.
e
Hello Joseph. Sorry for the late reply. I’ve been able to get the logo included in the PPTX exports by updating the theme as per your most recent suggestion. Thank you for the help!
3 Views
Open in Slack
PreviousNext
Powered by