Jbrowse JBrowse

Comments and changes to this ticket

• 

  Mitch September 25th, 2010 @ 03:48 PM

  Hi,

  It's not totally clear to me what's going on in your case; can you send me your mock index.html, or a link to the HTML that you're experimenting with?

  The index.html file included with JBrowse does, I think, what you're talking about: it has a div in it, and JBrowse lives inside that div.

  The only issues I know about with embedding have to do with potential name collisions in the CSS or javascript.

  What are you actually seeing when you try to embed JBrowse?

• You flagged this item as spam.
  

  Alexie Papanicolaou September 26th, 2010 @ 02:17 AM

  Hello

  Sorry, I was not clear.

  For example, in the index.html shipped with jbrowse, the following works:
  
  

  <div id="GenomeBrowser" style="height: 100%; width: 100%; padding: 0; border: 0;"></div>
  

  But the following does not:
  
  

  
  

  <div id="GenomeBrowser" style="height: 100%; width: 100%; padding: 0; border: 0;"></div>
  

  
  

  If we use the tundra.css from the dojo repository there is no issue (or if we use any other theme) but it naturally is missing some of the jbrowse customizations so it doesn't display correctly.

  I know too little about css to be of any help...

  thanks
  a

  Alexie Papanicolaou
  OCE PostDoctoral Fellow in Bioinformatics
  CSIRO Ecosystem Sciences
  Black Mountain Labs
  Clunies Ross St
  Canberra ACT 2601
  Australia

• You flagged this item as spam.
  

  Alexie Papanicolaou September 26th, 2010 @ 02:20 AM

  That didn't come out, should have read the help/preview (why does every system have their own formatting code...)

  works:
  @@@ HTML

   <div id="GenomeBrowser" style="height: 100%; width: 100%; padding: 0; border: 0;"></div>
  

  not works:
  @@@ HTML
      <div>
      <div id="GenomeBrowser" style="height: 100%; width: 100%; padding: 0; border: 0;"></div>
      </div>
  

• 

  Mitch September 26th, 2010 @ 11:33 AM

  Give the outer div a width and height, e.g.

  <div style="height:  800px; width: 500px;">
    <div id="GenomeBrowser" style="height: 100%; width: 100%; padding: 0; border: 0;"></div>
  </div>
  

• You flagged this item as spam.
  

  Alexie Papanicolaou September 26th, 2010 @ 02:57 PM

  Hi Mitch

  Thanks for the quick reply. That works! I guess I should go learn some CSS...

  a

• 

  Mitch September 26th, 2010 @ 04:52 PM

  • State changed from “new” to “resolved”

  Cool! I'm going to go ahead and close this ticket. If you run into other difficulties with embedding (like I mentioned, there may be CSS or JS name collisions, depending on how things are named in the environment in which JBrowse is embedded) then let's make those separate tickets.