[kolla] [horizon] Custom logos (WAS: [Openstack-operators] Horizon Custom Logos (Queens, 13.0.1))

Mark Goddard mark at stackhpc.com
Thu Jan 13 09:06:51 UTC 2022


On Thu, 13 Jan 2022 at 05:19, Gregory Orange
<gregory.orange at pawsey.org.au> wrote:
>
> We have been using Ubuntu VMs for the control plane until now, so it was
> a simple matter of inserting our logo-splash.svg and logo.svg into
> /var/lib/openstack-dashboard/static/dashboard/img/ and then restarting
> services.
>
> Now we're switching to Kolla, and the relevant path isn't mounted as is
> the case with the likes of /etc/kolla/horizon and /var/log/kolla. We
> don't (yet?) build our own container images, so I'm wondering what next.
>
> Did anyone get any further with this?

Hi Greg,

Typically what we do is create a theme repository, e.g.
https://github.com/stackhpc/horizon-theme. This is then built into the
image in /etc/openstack-dashboard/themes/<theme>.

There is another approach proposed which does not involve rebuilding
the image, but it is still WIP:
https://review.opendev.org/c/openstack/kolla-ansible/+/761364

Mark

>
>
> On 21/8/18 9:28 pm, Nick Jones wrote:
> > Hi Erich.
> >
> > Yeah, I battled against this myself quite recently.  Here's what I did
> > to add a logo to the Horizon splash page and to the header of each page
> > itself.
> >
> > Create a file called _splash.html, containing:
> >
> > <div class="text-center">
> >    <img class="splash-logo" src={% themable_asset "img/logo.png" %}>
> > </div>
> >
> > And a file called _brand.html, containing:
> >
> > {% load branding %}
> > {% load themes %}
> >
> > <a class="navbar-brand" href="{% site_branding_link %}" target="_self">
> >    <img class="openstack-logo" src="{% themable_asset 'img/logo.png' %}"
> > alt="{% site_branding %}">
> > </a>
> >
> > I then created a folder
> > called /usr/share/openstack-dashboard/openstack_dashboard/themes/default/templates/auth/
> > and copied _splash.html into there, copied _brand.html
> > into /usr/share/openstack-dashboard/openstack_dashboard/templates/header/,
> > and finally my 'logo.png' was copied
> > into /usr/lib/python2.7/site-packages/openstack_dashboard/static/dashboard/img/
> >
> > Note that this approach might differ slightly from your setup, as in my
> > case it's a Kolla-based deployment so these changes are applied to the
> > image I'm using to deploy a Horizon container.  But it's the same
> > release (Queens) and a CentOS base image, so in principle the steps
> > should work for you.
> >
> > Hope that helps.
> >
> > --
> >
> > -Nick
> >
> > On 20 August 2018 at 17:40, Erich Weiler <weiler at soe.ucsc.edu
> > <mailto:weiler at soe.ucsc.edu>> wrote:
> >
> >     Hi Y'all,
> >
> >     I've been banging my head against a wall for days on this item and
> >     can't find anything via google on how to get around it - I am trying
> >     to install a custom logo onto my Horizon Dashboard front page (the
> >     splash page).  I have my logo ready to go, logo-splash.png.  I have
> >     tried following the instructions here on how to install a custom logo:
> >
> >     https://docs.openstack.org/horizon/queens/admin/customize-configure.html
> >     <https://docs.openstack.org/horizon/queens/admin/customize-configure.html>
> >
> >     But it simply doesn't work.  It seems this stanza...
> >
> >     #splash .login {
> >     background: #355796 url(../img/my_cloud_logo_medium.png) no-repeat
> >     center 35px;
> >     }
> >
> >     ...doesn't actually replace the logo (which is logo-splash.svg), it
> >     only seems to put my file, logo-splash.png as the *background* to
> >     the .svg logo.  And since the option there is "no-repeat center", it
> >     appears *behind* the svg logo and I can't see it.  I played around
> >     with those options, removing "no-repeat" for example, and it
> >     dutifully shows my logo repeating in the background.  But I need the
> >     default logo-splash.svg file to actually be gone and my logo to
> >     exist in it's place.  Maybe I'm missing something simple?
> >
> >     I'm restarting apache and memchached after every change I make when
> >     I was testing.
> >
> >     And because the images directory is rebuilt every time I restart
> >     apache, I can't even copy in a custom logo-splash.svg file.   Which
> >     wouldn't help anyway, as I want my .png file in there instead.  I
> >     don't have the means to create a .svg file at this time.  ;)
> >
> >     Help!
> >
> >     As a side note, I'm using the Queens distribution via RedHat.
> >
> >     Many thanks in advance,
> >     erich
> >
> >     _______________________________________________
> >     OpenStack-operators mailing list
> >     OpenStack-operators at lists.openstack.org
> >     <mailto:OpenStack-operators at lists.openstack.org>
> >     http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-operators
> >     <http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-operators>
> >
> >
> >
> > _______________________________________________
> > OpenStack-operators mailing list
> > OpenStack-operators at lists.openstack.org
> > http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-operators
> >
>
> --
> Gregory Orange
>
> Cloud System Administrator
> Scientific Platforms Team building representative
> Pawsey Supercomputing Centre, CSIRO
>



More information about the openstack-discuss mailing list