Skip to main content

Advanced Settings

OpenAI key and Custom CSS/JavaScript

Custom CSS

Quick Start Overview​

Configuration Options​

OpenAI API Key Configuration​

Before the AI Summary web part can function, you must configure the OpenAI API key in the global settings:

  1. Create an OpenAI account at https://openai.com if you don't have one

  2. Go to the OpenAI dashboard and navigate to API Keys section

  3. Click "Create new secret key" to generate a new API key

OpenAI

  1. Copy the generated API key (it should start with 'sk-')
  2. In Sprocket settings, paste the API key into the openAIAPIKey field
  3. Ensure your OpenAI account has sufficient credits:
    • Go to the OpenAI Billing section
    • Add payment method if needed
    • Purchase credits or set up usage limits
  4. Monitor API usage:
    • Visit OpenAI Usage dashboard
    • Track costs and consumption
    • Set up usage alerts if desired

Example CSS Configuration​

Click Edit JS and Edit CSS buttons to add/manage custom scripts.

Applying the following CSS will change the Sprocket App Launcher icons to be squares instead of circles.

.SproketModernContainer_181b8020 .sproket-app-icon-link .sproket-coin img {
    width: 47px;
    height: 47px;
}
.SproketModernContainer_181b8020 .sproket-coin {
    border-radius: 0;
}