« FREE MarvelClient Skinning Edition for IBM Lotus Notes - now available | Main | »

Creating your own desktop / virtual workspace skin for Lotus Notes

by florian vogler :: 
As promised, here are the instructions on how to create your own Lotus Notes skin for (the free, just now released in the previous post) MarvelClient Skinning Edition:

  1. The image files supplied in the download are defined as follows:
    Note: this is the same download as in the previous post

    1. def_background.bmp: the background image - details under 2.)
    2. def_icon_down.bmp: the image for selected icon tiles
    3. def_icon_up.bmp: the image for normal / non-selected icon tiles
    4. def_sitemap_down.bmp: the image for selected portfolio databases (e.g. bookmark.nsf)
    5. def_sitemap_up.bmp: the image for normal / non-selected portfolio databases
    6. def_twistie_old.bmp: a placeholder image which is replaced with def_twistie_new at runtime -
      the def_twistie_old.bmp should not be changed regarding colors/contents/format, but only resized according to the exact size of def_twistie_new.bmp
    7. the size determines the "clickable" area of the final twisty.
    8. def_twistie_new.bmp: the image of the notes twisty / hinky-minky (=to select server for replicas)
    9. def_r6_default.bmp: the replacement high-color icon image for newly created databases
    10. old_r6_default.bmp: the original "default" Notes 6/7 database icon for newly created databases
      note: any transparency in the original icon must be replaced with the color black for MarvelClient to replace the image at runtime.
    11. def_r6_mail.bmp: the replacement high-color icon image for mail databases
    12. old_r6_mail.bmp: the original "default" Notes 6/7 mail database icon
      note: any transparency in the original icon must be replaced with the color black for MarvelClient to replace the image at runtime.

    13. - you can create as many old_r6_* and def_r6_* icon pairs as wanted/needed (ok, performance may suffer it it's several hundred or so ;-))
      - all of the above images can be 24bit or 24bit+8bit alpha (=32bit) bitmap files
      - for the background image, alpha is not supported, but 24bit only.
      - using a 16bit background image creates a (very) weird effect when navigating through notes and back to the workspace
      in other words: 24bit bitmaps for the background only

      The background is not optimized / resized for the current resolution of the client to be skinned - if the background is too large, the client will only render as much on screen as fits the resolution;
      if the background is too small, it will be tiled - whilst for photos this is a drawback, you can certainly also take advantage of this with a tiled background (e.g. Escher or a repeatable pattern - by default, the Notes client uses a pattern, too)

  2. When creating a new skin, tiles can have ANY size LARGER than the default Notes tiles (a little bit smaller, too, however if it gets too small to render the database icon, title etc. into the tile, don't expect the Notes client to not crash ;-)).
    Note: Displaying bookmarks as (virtual) workspace does not support larger images - it's up to you, whether you want to create a skin that works for both the classic Notes desktop and the bookmarks as workspace display or just the Notes desktop.

  3. Unfortunately, at least as of "now", the text on icon tiles is always black for non-selected tiles, blue for selected (we are looking into it) - keep this is in mind when designing the icon tile, as a black icon tile or dark background "shining trhough" will render the database title unreadable

  4. The database / bookmark icon is always at the top left of an icon / bookmark tile. Period.
    (Applies to all other objects, such as position of unread mark display, twisty, and title, too)

  5. All icon objects (database icon, title, twistie) are moved by 4 pixels down and to the right when clicking on icon tiles. So if you design your new set, the selected tile should fit with that "4x4-pixel-shift"

  6. Repeated: Make sure that def_twistie_old has the same size as def_twistie_new (to fit clickable area) and is only changed in size

  7. If you don't want to replace a particular bitmap / skin a particular object, just remove the respective file

  8. Seeing the results of your changes requires a client restart (to reload the images)

 

Comments

This is great stuff and should be included with future clients from IBM (What a way to demo the client ... include company logos as the workspace skin!). Thanks for sharing!

Like this !!! Great to show that it's really fun to work with Notes :-)

As usual .. get some frictions ... for example not all Icons get replaces (some mail archives show new icon, some still have the old style). And wasn't able to find the bmp-files used by other databases, so currently 'limited' beautification :-)

Anyway : appreciate that work !

 

Post a comment

 

Search

 

Calendar

Tag cloud