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.
Open in Slack
PreviousNext
Powered by