红帽全球峰会此内容没有您所选择的语言版本。
Chapter 5. Customizing the Dashboard
The look and feel of the OpenStack dashboard can be customized using the settings defined in /openstack-dashboard/openstack_dashboard/local/local_settings.py. You can customize the following elements of the dashboard:
- HTML title
- Site branding link
- Help URL
In addition, you can create a custom theme and further customize the look and feel of the dashboard, including the following components:
- Logo
- Site colors
- Stylesheets
The OpenStack dashboard installs a default theme. If you do not want to use this theme, remove it using the following commands:
cd /usr/share/openstack-dashboard/openstack_dashboard/enabled cp _99_customization.py _999_remove_theme.py echo "DISABLED = True" >> _999_remove_theme.py systemctl restart httpd
# cd /usr/share/openstack-dashboard/openstack_dashboard/enabled
# cp _99_customization.py _999_remove_theme.py
# echo "DISABLED = True" >> _999_remove_theme.py
# systemctl restart httpd
For a director deployment, you will need to log in to each controller node as heat-admin to make the changes.
5.1. Logo, Site Colors, and Stylesheets
-
Copy the entire RCUE theme directory
/usr/share/openstack-dashboard/openstack_dashboard/themes/rcueto a new location, for example/usr/share/openstack-dashboard/openstack_dashboard/themes/mytheme. Create a new file
/etc/openstack-dashboard/local_settings.d/_12_mytheme_theme.pyand add the following line:AVAILABLE_THEMES = [('mytheme', 'My Custom Theme', 'themes/mytheme')]AVAILABLE_THEMES = [('mytheme', 'My Custom Theme', 'themes/mytheme')]Copy to Clipboard Copied! Toggle word wrap Toggle overflow Change all paths inside
/usr/share/openstack-dashboard/openstack_dashboard/themes/mytheme/static/replacingrcuewith the newmythemename.To change a theme's colors, graphics, fonts, among others, edit the files in `/usr/share/openstack-dashboard/openstack_dashboard/themes/mytheme`.
To change a theme's colors, graphics, fonts, among others, edit the files in `/usr/share/openstack-dashboard/openstack_dashboard/themes/mytheme`.Copy to Clipboard Copied! Toggle word wrap Toggle overflow If you deployed OpenStack with High Availability, restart the httpd service using pacemaker:
pcs resource restart httpd-clone
# pcs resource restart httpd-cloneCopy to Clipboard Copied! Toggle word wrap Toggle overflow Otherwise, run:
systemctl restart httpd
# systemctl restart httpdCopy to Clipboard Copied! Toggle word wrap Toggle overflow
To view your changes, reload your dashboard.
5.2. HTML Title
To set the HTML title that appears at the top of the browser window, add the following line to
local_settings.py.SITE_BRANDING = "Example, Inc. Cloud"
SITE_BRANDING = "Example, Inc. Cloud"Copy to Clipboard Copied! Toggle word wrap Toggle overflow - Restart the httpd server.
5.3. Site Branding Link
The logo also acts as a hyperlink, redirecting to
horizon:user_homeby default. To change this, add the following attribute with the desired URL target tolocal_settings.py.SITE_BRANDING_LINK = "http://example.com"
SITE_BRANDING_LINK = "http://example.com"Copy to Clipboard Copied! Toggle word wrap Toggle overflow - Restart the httpd server.
5.4. Help URL
By default the help URL points to https://access.redhat.com/documentation/en/red-hat-openstack-platform. You can change the help URL by editing the following attribute to the URL of your choice in
local_settings.py:'help_url': "http://openstack.example.com",
'help_url': "http://openstack.example.com",Copy to Clipboard Copied! Toggle word wrap Toggle overflow - Restart the httpd server.
'%20d='M201.5%20305.5c-13.8%200-24.9-11.1-24.9-24.6%200-13.8%2011.1-24.9%2024.9-24.9%2013.6%200%2024.6%2011.1%2024.6%2024.9%200%2013.6-11.1%2024.6-24.6%2024.6zM504%20256c0%20137-111%20248-248%20248S8%20393%208%20256%20119%208%20256%208s248%20111%20248%20248zm-132.3-41.2c-9.4%200-17.7%203.9-23.8%2010-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3%2055.4%2012.5c0%2013.6%2011.1%2024.6%2024.6%2024.6%2013.8%200%2024.9-11.3%2024.9-24.9s-11.1-24.9-24.9-24.9c-9.7%200-18%205.8-22.1%2013.8l-61.2-13.6c-3-.8-6.1%201.4-6.9%204.4l-19.1%2086.4c-33.2%201.4-63.1%2011.3-85.5%2026.8-6.1-6.4-14.7-10.2-24.1-10.2-34.9%200-46.3%2046.9-14.4%2062.8-1.1%205-1.7%2010.2-1.7%2015.5%200%2052.6%2059.2%2095.2%20132%2095.2%2073.1%200%20132.3-42.6%20132.3-95.2%200-5.3-.6-10.8-1.9-15.8%2031.3-16%2019.8-62.5-14.9-62.5zM302.8%20331c-18.2%2018.2-76.1%2017.9-93.6%200-2.2-2.2-6.1-2.2-8.3%200-2.5%202.5-2.5%206.4%200%208.6%2022.8%2022.8%2087.3%2022.8%20110.2%200%202.5-2.2%202.5-6.1%200-8.6-2.2-2.2-6.1-2.2-8.3%200zm7.7-75c-13.6%200-24.6%2011.1-24.6%2024.9%200%2013.6%2011.1%2024.6%2024.6%2024.6%2013.8%200%2024.9-11.1%2024.9-24.6%200-13.8-11-24.9-24.9-24.9z'/%3e%3c/svg%3e){kind=small}