Repair Administration Console of Connections 7 for Chromium-based Browsers

· by Christoph Stoettner · Read in about 2 min · (330 words)

Connections 7 has a new Administration Console to access Communities Template administration and Mobile Administration.

The Administration Console can be reached on https://cnx-hostname/cnxadmin/. The / at the end is important, because the ingress rule just forwards /cnxadmin/(.*).

On Firefox you get this view:


With Chrome (Chromium, Edge) the left menu is missing. There is a display: inline-flex for some elements in index.css of the Administration Console.

So how can we inject a repaired css file into the container?


One quick and dirty way is to use a configMap with the adjusted stylesheet. So I did the following:

Get the pod name of the admin-portal deployment
ADMIN_PORTAL=$(kubectl get pod -l app=admin-portal -o --no-headers)
Copy index.css to your machine
kubectl cp $ADMIN_PORTAL::/usr/share/nginx/html/css/index.css index.css
Change css and replace inline-flex with flex
sed -i -e 's/inline-flex/flex/g' index.css
Create ConfigMap
kubectl create configmap cnxadmin-fix --from-file=index.css

Now we have to mount the configmap into the admin-portal deployment to make this change permanent.

kubectl edit deployment admin-portal -n connections
Search for volumes and add the ConfigMap
      - name: redis-secret-vol
          defaultMode: 420
          secretName: redis-secret
      - configMap:		(1)
          defaultMode: 420
          name: cnxadmin-fix
        name: cnxadmin-fix
1Add this and the next 3 lines after the redis-secret
Keep the file open and search for volumeMounts
        - mountPath: /etc/redis/redis-secret
          name: redis-secret-vol
        - mountPath: /usr/share/nginx/html/css (1)
          name: cnxadmin-fix
1Mount the configmap to the original path

Now save the file and the pod will restart automatically. This will fix the menu problem with Chromiumbased browsers, the menu is visible, but still little bit too high. Feel free to fix this too.

cnxadmin chrome

One more issue with the Administration Console - Aha Idea

The Administration Console loads css and fonts from external urls.

<link rel="stylesheet" href="//">
<link rel="stylesheet" href=",400,500,700&amp;display=swap">
<link rel="stylesheet" href="">

That’s an issue in some environments and I think it is better and more secure to have all elements of On-Premises Connections on the Connections servers. I added a AHA Idea to get this fixed.