This Confluence has been LDAP enabled, if you are an ASF Committer, please use your LDAP Credentials to login. Any problems file an INFRA jira ticket please.

Child pages
  • Custom Themes
Skip to end of metadata
Go to start of metadata

OpenMeetings has the possibility to style your instance by using a custom css file (webapps/openmeetings/css/custom.css).  This page should be used to share your work, give some hints and to show examples.

Steps to participate:

  1. Style your instance till you are happy with it.
  2. zip custom.css and all needed files
  3. Upload it to some file sharing service (for ex. dropbox.com)
  4. Send link to your package to user@ mailing list (you need to subscribe first). Use custom theme as subject
  5. Enhance your mail with some information
    1. Who provides this theme?
    2. What is the theme for? What should be achieved?
    3. How to use the package? E.g.
      1. Where to copy the files
      2. prerequisites
      3. Licence restrictions


Example

How to use custom.css:

The change of the chat typing icon is quite easy. Use right mouseclick on the icon an choose inspect element (or similar) to find a usable selector. Put some lines of code in your custom.css and reload the room.

.ui-icon.typing-activity.big.typing {
  background-image: url(http://apache.org/foundation/press/kit/feather.svg);
  background-position: center center;
  background-size:contain !important;
}

Result:



Monochrome Iconset-Theme



 Click here for instructions...

Instructions:

This theme is provided by VCRP .  Main goal is to adapt the look of the OpenMeetings rooms to the look of our LMS, where OM is used integrated.  Therefore the Icons are mostly replaced by a set of dark gray ones. Custom.css is a teamwork of some people. Thats why it is not well structured. Cleanup task is missing.

All used icons have a CC BY 4.0 license (see license.md in the package) and require the source to be cited in a prominent place when using them.

Some elements are hidden and some elements are styled different to preserve the look and feel of the LMS. 

We just took care about the room. If you don't use an integration, please check the dashboard before production use!

To safely remove some elements we add some anchors to the translation files. On Linux you could use this code:

xmlstarlet ed --ps --inplace -u 'properties/entry[@key="1488"]' -v 'Call external people via VoIP/SIP ---' /SERVER/red5/webapps/openmeetings/WEB-INF/classes/org/apache/openmeetings/web/app/Application_*.properties.xml
xmlstarlet ed --ps --inplace -u 'properties/entry[@key="1489"]' -v 'Send an email with a direct link to this room ---' /SERVER/red5/webapps/openmeetings/WEB-INF/classes/org/apache/openmeetings/web/app/Application_*.pproperties.xml


xmlstarlet ed --ps --inplace -u 'properties/entry[@key="1488"]' -v 'Call external people via VoIP/SIP ---' /SERVER/red5/webapps/openmeetings/WEB-INF/classes/org/apache/openmeetings/web/app/Application.properties.xml
xmlstarlet ed --ps --inplace -u 'properties/entry[@key="1489"]' -v 'Send an email with a direct link to this room ---' /SERVER/red5/webapps/openmeetings/WEB-INF/classes/org/apache/openmeetings/web/app/Application.properties.xml

These changes takes place after restart of OpenMeetings.

Copy contens of cliparts in the zip file( as wanted) to /SERVER/pathtoOM/webapps/openmeetings/public/cliparts/ , css/images to /SERVER/paththOM/webapps/openmeetings/css/images/ and css/custom.css-file to /SERVER/pathtoOM/webapps/openmeetings/css/. These changes will be visible after room reload.

To use the minified version you need to replace the custom.css file with it.

download vcrp_monochrome_theme.zip