I recently was asked about the custom colors and icons that we use for our Link Management Application and the person was wondering how they could incorporate the use of those colors into their sControls.

» Stay Informed: See "All" or "My" Contact birthdays. » Unobtrusive Design: Fits nicely inside the sidebar. » Great Price: One payment of only $99.00 USD.

Get It Now!

Since I had to put all of that information together for our App, I decided why not share that with everyone as some type of reference? So here's a little background on why this information is useful.

When you write sControls to mimic the look and feel of the standard salesforce app you always include the standard style sheets and in the BODY tag you'll add something similar to the text "class='Custom56Tab editPage'". Without going too deep into all the styles and their various meanings and requirements to perfectly mimic a salesforce page I will simply state that the "CustomXX" piece of the code is what defines the page's border colors and the icon at the top.

What I used to do was trial various numbers in that text (like Custom1, Custom 34, etc.) and see what I'd get on the page as a result.

Now rather than trial and error, like I used to do, you can simply use the reference below:

Custom1	Heart		Custom2	Fan
Custom3	Sun		Custom4	Hexagon
Custom5	Leaf		Custom6	Triangle
Custom7	Square		Custom8	Diamond
Custom9	Lightning		Custom10	Moon
Custom11	Star		Custom12	Circle
Custom13	Box		Custom14	Hands
Custom15	People		Custom16	Bank
Custom17	Sack		Custom18	Form
Custom19	Wrench		Custom20	Airplane
Custom21	Computer		Custom22	Telephone
Custom23	Envelope		Custom24	Building
Custom25	Alarm Clock		Custom26	Flag
Custom27	Laptop		Custom28	Cell Phone
Custom29	PDA		Custom30	Radar Dish
Custom31	Car		Custom32	Factory
Custom33	Desk		Custom34	Insect
Custom35	Microphone		Custom36	Train
Custom37	Bridge		Custom38	Camera
Custom39	Telescope		Custom40	Credit Card
Custom41	Cash		Custom42	Treasure Chest
Custom43	Jewel		Custom44	Hammer
Custom45	Ticket		Custom46	Stamp
Custom47	Knight		Custom48	Trophy
Custom49	CD/DVD		Custom50	Big Top
Custom51	Apple		Custom52	Balls
Custom53	Bell		Custom54	Boat
Custom55	Books		Custom56	Bottle
Custom57	Building Block		Custom58	Caduceus
Custom59	Can		Custom60	Umbrella
Custom61	Castle		Custom62	Chalkboard
Custom63	Chip		Custom64	Compass
Custom65	Cup		Custom66	Dice
Custom67	Gears		Custom68	Globe
Custom69	Guitar		Custom70	Handsaw
Custom71	Headset		Custom72	Helicopter
Custom73	Highway Sign		Custom74	Hot Air Balloon
Custom75	IP Phone		Custom76	Keys
Custom77	Lock		Custom78	Map
Custom79	Measuring Tape		Custom80	Motorcycle
Custom81	Musical Note		Custom82	Whistle
Custom83	Pencil		Custom84	Presenter
Custom85	Real Estate Sign		Custom86	Red Cross
Custom87	Safe		Custom88	Sailboat
Custom89	Saxophone		Custom90	Scales
Custom91	Shield		Custom92	Ship
Custom93	Shopping Cart		Custom94	Stethoscope
Custom95	Stopwatch		Custom96	Street Sign
Custom97	Thermometer		Custom98	Truck
Custom99	TV CRT		Custom100	TV Widescreen

I hope you find this useful,
-greg

Greg Hacic