Salesforce Ideas
Sample Code for Salesforce Ideas Home Page Components
I have had a number of requests for the code used to create the HTML homepage components in my demos and screenshots so I thought I would post it on the blog. Let me preface this by saying I am no HTML expert. I typically create it in TypePad's HTML editor and copy and paste it. You can really use any HTML editor. To add a Home Page or Sidebar Component start by clicking on Setup > Customize > Home > Home Page Component.
The sample code is in the extended post, so if you don't see it click the link below.
1. App Sidebar - New Online Community
<p><a
href="https://na5.salesforce.com/ideas/ideaList.apexp"><img
src="http://blogs.salesforce.com/photos/uncategorized/2007/11/30/comment2_5.png"
title="Comment2_5" alt="Comment2_5" style="margin: 0px 0px 5px 5px;
float: right;" border="0"></a>Have an idea about how we can
improve our company? </p><p>Want to share a piece
of best practice advice? </p><p>Visit our <a
href="https://na5.salesforce.com/ideas/ideaList.apexp">new online
community</a>!<br> </p>
2. App Homepage - Community Driven Innovation
<p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt;
margin-left: 0in; text-align: left; direction: ltr; unicode-bidi:
embed;"><span style="color: rgb(51, 51, 51);"><span
style="font-size: 9pt; font-family: Verdana;"><a
href="https://na5.salesforce.com/ideas/ideaList.apexp"><img
alt="Innovate" title="Innovate"
src="http://blogs.salesforce.com/photos/uncategorized/2007/12/05/innovate.png"
style="margin: 0px 0px 5px 5px; float: right;"
border="0"></a>At Universal Networks we think there is a
tremendous opportunity to reach out to all our employees around the
world and to find out what is working and what we could be doing
better. </span></span><span style="color:
rgb(51, 51, 51);"><span style="font-size: 9pt; font-family:
Verdana;"><br></span></span></p><p
style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt;
margin-left: 0in; text-align: left; direction: ltr; unicode-bidi:
embed;"><span style="color: rgb(51, 51, 51);"><span
style="font-size: 9pt; font-family:
Verdana;"><br></span></span></p><p
style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt;
margin-left: 0in; text-align: left; direction: ltr; unicode-bidi:
embed;"></p><p style="line-height: 150%; margin-top: 0pt;
margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr;
unicode-bidi: embed;"><span style="color: rgb(51, 51,
51);"><span style="font-size: 9pt; font-family: Verdana;">We
have set up a <a
href="https://na5.salesforce.com/ideas/ideaList.apexp">Salesforce
Ideas Community</a> so that you can submit ideas, discuss them
with the community and vote on things you like.
</span></span><span style="color: rgb(51, 51,
51);"><span style="font-size: 9pt; font-family:
Verdana;"> </span></span></p><p
style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt;
margin-left: 0in; text-align: left; direction: ltr; unicode-bidi:
embed;"><span style="color: rgb(51, 51, 51);"><span
style="font-size: 9pt; font-family:
Verdana;"> </span></span></p><p
style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt;
margin-left: 0in; text-align: left; direction: ltr; unicode-bidi:
embed;"><span style="color: rgb(89, 89, 89);"><span
style="font-size: 9pt; font-family: Verdana;"><span style="color:
rgb(51, 51, 51);">We are also committed to seeing the best ideas
through. Each month in our all hands company meeting we will highlight
interesting ideas from the community and explain what Universal
Networks is doing to execute on your
innovation.</span></span></span></p><p
style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt;
margin-left: 0in; text-align: left; direction: ltr; unicode-bidi:
embed;"></p><p style="line-height: 150%; margin-top: 0pt;
margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr;
unicode-bidi: embed;"><span style="color: rgb(89, 89,
89);"><span style="font-size: 9pt; font-family:
Verdana;"><br> </span></span></p>
3. Customer Portal - Ideas in Action
<p style="clear: both;"><span style="font-size: 1.2em; color: rgb(102, 102, 102);"><strong>Ideas In Action<br></strong></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;"><img alt="Curtain2" title="Curtain2" src="http://blogs.salesforce.com/photos/uncategorized/2007/12/04/curtain2.png" style="margin: 0px 0px 5px 5px; float: right;" border="0"> We want to show our customers and employees we are committed to using the feedback we gather and recognizing our top contributors</span></span><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;">. <br></span></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;"><br></span></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;">This week we are pleased to announce that an idea Tom Churchill posted in June is going to be incorporated into our next generation appliance. <a href="http://na5.salesforce.com/ideas/viewIdea.apexp?id=087700000008P1z&ext=1">Tom's idea has received over 10,000 votes</a> and sparked a rich dialog of over 250 comments. This feedback was incredibly valuable for the engineering team who implemented the idea. Tom has been a customer since 1997 and a tremendous champion of the technology. </span></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;"><br></span></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;">This is a great example of the power of intelligent reaction. We look forward to recognizing more exciting new innovation that's bubbled up through the community in the coming weeks and months. <br></span></span></p>
4. Customer Portal - Community Driven Innovation
<p><span style="font-size: 1.2em; color: rgb(102, 102, 102);"><strong>Community Driven Innovation<img src="http://blogs.salesforce.com/photos/uncategorized/2007/12/04/networking.png" title="Networking" alt="Networking" style="margin: 0px 0px 5px 5px; float: right;" border="0"></strong></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;"> At Universal Networks we think there is a tremendous opportunity to reach out to our customers and to find out what is working and what we could be doing better. </span></span><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;"> </span></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;"><br></span></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;">This community has been set up so you can <a href="http://na5.salesforce.com/ideas/ideaList.apexp">submit your ideas</a>, </span></span><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;"><a href="http://na5.salesforce.com/ideas/ideaList.apexp">v</a><a href="http://na5.salesforce.com/ideas/ideaList.apexp">ote on things you like</a>, and <a href="http://na5.salesforce.com/ideas/ideaList.apexp">discuss them with the community</a>.</span></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;"> </span></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;">We are also committed to seeing the best ideas through. The <a href="http://na5.salesforce.com/servlet/servlet.Integration?lid=01r700000005tgy&ic=1">Ideas in Action blog</a> will highlight interesting ideas from the community and explain what Universal Networks is doing to execute on your innovation.<br> </span></span></p>
5. Customer Portal - Question of the Week
<p style="clear: both;"><span style="font-size: 1.2em; color: rgb(102, 102, 102);"><strong>Question of the Week <img alt="Soil" title="Soil" src="http://blogs.salesforce.com/photos/uncategorized/2007/12/04/soil.png" style="margin: 0px 0px 5px 5px; float: right;" border="0"><br></strong></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;">Each week </span></span><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;">we present a new question to the community to spark conversation. <br></span></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;"><br></span></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;">This week we want to know what what we can do to become a more environmentally friendly company. For example can we reduce wasted packaging or reduce our power consumption? Should we be buying carbon credits or promoting renewable energy? <br></span></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;"><br></span></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;">To encourage participation the individual with the best idea will be awarded a $500 gift certificate to Amazon.com at our annual user conference. <br></span></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;"><br></span></span></p><p style="line-height: 150%; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0in; text-align: left; direction: ltr; unicode-bidi: embed;"><span style="color: rgb(89, 89, 89);"><span style="font-size: 8pt; font-family: Verdana;">Browse the <a href="http://na5.salesforce.com/ideas/ideaList.apexp?lsi=1&category=Other">latest submissions</a> or <a href="http://na5.salesforce.com/ideas/editIdea.apexp?retURL=%2Fideas%2FideaList.apexp%3Flsi%3D1%26category%3DOther">post an idea</a> of your own. Lets see what the community can up with! <br> </span></span></p>
0 Comments