Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Administration ...Administration ...Anyone successfully integrated SIMILE Exhibit into DNN?Anyone successfully integrated SIMILE Exhibit into DNN?
Previous
 
Next
New Post
2/25/2008 7:16 PM
 

I've been trying (unsuccessfully) to integrate a simple SIMILE Exhibit sample page into my DNN site via the Text/HTML module.  I'm using the sample HTML/JS code found here http://simile.mit.edu/wiki/Exhibit/Getting_Started_Tutorial

So far I've confirmed the HTML/JS code works fine if I just upload the files to my site and don't try hosting it inside a DNN Text/HTML module, but of course I want to integrate it into the look and feel of the site.  If anyone's got any ideas I'm all ears.

FYI SIMILE Exhibit is a data visualization component that's done all via Javascript from a third party website, so you just need to provide the data points and Exhibit displays the data within your website.  If you see the homepage for the Exhibit project you'll get the gist of it.

Thanks.

Shawn

 
New Post
2/26/2008 7:22 AM
 

Yes, it is simple because basically SIMILE Exhibit it is not in collision with DNN framework. For example you can download module from http://components.init.si - module is not designed for this purpose but you can use it as example. It is commercial but also have free 30 days period so you can download it and use it for test. Go to table settings and add example html code below.

As you can see SIMILE Exhibit sample page works just fine with DNN framework.

I'm sure there is another free module that can be used for same purpose because this is just regular text added to html header and body.

Kind regards,

Primoz

 

header block:

*****************

  <link href="http://simile.mit.edu/exhibit/examples/nobelists/nobelists.js" type="application/json"

rel="exhibit/data" />
 
   <script src="http://static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js"
           type="text/javascript"></script>
          
   <script src="http://static.simile.mit.edu/exhibit/extensions-2.0/time/time-extension.js"
           type="text/javascript"></script>
          
   <style>
       body {
           margin: 1in;
       }
       table.nobelist {
           border:     1px solid #ddd;
           padding:    0.5em;
       }
       div.name {
           font-weight: bold;
           font-size:   120%;
       }
       .discipline {
       }
       .year {
           font-style:  italic;
       }
       .relationship {
           color:  #888;
       }
       .co-winners {
       }
   </style>

****************

Module header or footer:

****************

  <h1>MIT Nobel Prize Winners</h1>
   <table width="100%">
       <tr valign="top">
           <td ex:role="viewPanel">
               <table ex:role="lens" class="nobelist">
                   <tr>
                       <td><img ex:src-content=".imageURL" /></td>
                       <td>
                           <div ex:content=".label" class="name"></div>
                           <div>
                               <span ex:content=".discipline" class="discipline"></span>,
                               <span ex:content=".nobel-year" class="year"></span>
                           </div>
                           <div ex:if-exists=".co-winner" class="co-winners">Co-winners:
                               <span ex:content=".co-winner"></span>
                           </div>
                           <div ex:content=".relationship-detail" class="relationship"></div>
                       </td>
                   </tr>
               </table>
               <div ex:role="exhibit-view"
                   ex:viewClass="Exhibit.TabularView"
                   ex:columns=".label, .imageURL, .discipline, .nobel-year, .relationship-detail"
                   ex:columnLabels="name, photo, discipline, year, relationship with MIT"
                   ex:columnFormats="list, image, list, list, list"
                   ex:sortColumn="3"
                   ex:sortAscending="false">
               </div>
              <div ex:role="view"
                   ex:viewClass="Timeline"
                   ex:start=".nobel-year"
                   ex:colorKey=".discipline">
               </div>
               <div ex:role="view"
                   ex:orders=".discipline, .nobel-year"
                   ex:possibleOrders=".label, .last-name, .discipline, .relationship, .shared,

.deceased, .nobel-year">
               </div>
            </td>
           <td width="25%">
               <div ex:role="facet" ex:facetClass="TextSearch"></div>
               <div ex:role="facet" ex:expression=".discipline" ex:facetLabel="Discipline"></div>
               <div ex:role="facet" ex:expression=".relationship" ex:facetLabel="Relationship"></div>
               <div ex:role="facet" ex:expression=".shared" ex:facetLabel="Shared?"></div>
               <div ex:role="facet" ex:expression=".deceased" ex:facetLabel="Deceased?"></div>
           </td>
       </tr>
   </table>

***************

 
New Post
2/26/2008 3:55 PM
 

Primoz,

Thanks for the reply.  I'll take a look at that module you referenced and see how it works, but I guess I'm still trying to understand if this is something that can be done with the existing Text/HTML module.  I'm not aware of anywhere within the Text/HTML module where you can define the header block differently from the module header/footer.  If this is something that can be done with the existing Text/HTML I'd love to know more about how that can be done.

Does anyone else have any ideas how this can be done with the existing DNN modules?

Thanks.

Shawn

 
New Post
2/26/2008 7:39 PM
 

I'm not sure if this is possible according to SIMILE Exhibit sample because there is link tag that should be included into HTML head element. Existing text/html module do not supports this. This is very basic functionality so you can build your own module. Module should have two text areas only, one for module body and other for HTML head element .

Kind regards,

Primoz

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Administration ...Administration ...Anyone successfully integrated SIMILE Exhibit into DNN?Anyone successfully integrated SIMILE Exhibit into DNN?


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out