Did you tried to integrate jBrowse (https://jbrowse.org/) into a django web application? if so, can you please describe how you did it? thanks a lot for your help
The solution is to put the jbrowse folder like it is in the static directory of your webapp and after call it as follows:
<iframe style="border: 1px solid #505050;" src="/static/jbrowse/index.html" height="600" width="1000"></iframe>
hope it helps others
Related
How can I add CSS style into backend of my own template in Joomla? I'm trying to develop my own template for Joomla. Is there a solution to add CSS style to backend of template?
Regards Adrian
Yes, you can make a new template for backend too
If you are experienced web designer you can use the Admin Custom CSS (thekrotek.com) plugin – which allows you to redesign the Joomla back-end and build an individual and unique style with your custom CSS. Remember to enable the plugin and create a custom.css file in the administrator/templates/your_template/css/ folder.
I have found the following solution that works, even though it is certainly not technically the prettiest.
Add to templateDetails.xml:
<field
name="EigenesCSS"
type="textarea"
default=""
label="Eigens CSS"
description="Fügen Sie hier Ihr persönlicher CSS Code ein."
rows="10"
cols="5"
filter="raw"
/>
After that, add the following code in the head area of the index.php file after the regular links to the CSS files ($doc->addStyleSheet):
if (!empty($this->params->get('EigenesCSS'))) {
echo '<style>' . $this->params->get('EigenesCSS') . '</style>';
}
It is important that the code is loaded after the other CSS files, because this is the only way to overwrite the standard CSS definitions.
I usualy just find answers on StackOverflow but couldn't find anything good about this subject.
I have a C++ program that needs to send formatted html with CSS (and embeded images) and the main e-mail client we are intersted in is Outlook 2003/2007. I have a HTML page ready and I can send it from IE (file -> send page by mail) and it is ok, once I have my program read the same file and send it none of the CSS actually works, only the simple HTML.
Thanks
As mentioned above, external CSS is not supported in most email clients.
Also, if you are using background css, you will find several email clients (GMail for example) wont support them. Though there are work arounds
I tend to make all CSS inline and keep it as simple as possible.
What are you trying to do with you CSS?
Edit:
This is how i got it working. Using a combination of inline CSS and HTML.
<td background="Path/to/image.jpg" style="background-image:url(path/to/image.jpg);"></td>
Edit2:
For Outlook 2007, try adding the repeat. So
Background-repeat: No-repeat;
Edit3 :
If all that fails. Try this
I was wondering if there was a tool that can "pre-process" CSS and automatically add experimental properties so they'll look the same on browsers that support it. For example, instead of writing:
.class {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px }
I could just write:
.class {
border-radius: 8px }
And the others would be automatically added. For border radius it's not too bad, but it is for gradients. To accomplish the same result:
background: -moz-linear-gradient(top, #00abeb, #fff);
background: -webkit-gradient(linear, center top, center bottom, from(#00abeb), to(#fff));
LESS would be perfect if it had a feature like this. Does anyone know of a tool that does have this?
You could also try Compass. Compass has a CSS3 library premade :) (compass is just a mashup of blueprint framework and SASS)
http://compass-style.org/docs/reference/compass/css3/shared/
Sounds like the kind of thing that Sass should be able to do.
Looks like I have to read the documentation more carefully. LESS does indeed support this feature. (And it was on the front page!)
Here's a tutorial for the people looking at this question
Does anyone else get this problem or know a solution / workaround I could try as I'm running out of ideas? :-(
I'm running this code on ColdFusion 9 - the idea is that it creates a PDF page (a front cover to a report) applies a watermark (a design I've been given with an orange background that I put my content on) and saves it for use later down the page.
The problem I've got is firstly I needed to turn backgroundvisible on in the cfdocument tag. Reason for this is I kept getting this white square showing on top of my produced page. When I do this though cfdocument then ignore any font colour changes I make it.
I've tried all kinds of combinations of trying to get this including styles, classes. internal / external CSS files but everytime ColdFusion defaults it to black.
Does anyone have any suggestions on what I can do to get this showing in white?
<cfdocument format="pdf" marginbottom="0" marginleft="0.77" marginright="0" margintop="5" pageType="A4" unit="in" name="cover" backgroundvisible="false">
<cfoutput>
<html>
<head>
</head>
<body style="color:##fff">
here
</body>
</html>
</cfoutput>
</cfdocument>
<cfpdf action="addWatermark" copyFrom="#coverFile#" source="cover" foreground="false" opacity="10" showonprint="true" />
<cfpdf action="write" destination='#PDFDir##frontCoverFile#' source="cover" overwrite="true" />
Thanks very much,
James
P.S. It maybe that a workaround has to be using CFIMAGE to produce this and then placing that in the page instead. I'd rather not though :-(
Try using straight HTML styles . Tried it and it seemed to do the job.
Ello world
Unfortunately in the case of this question I had to strip the PDF right back to basics.
I had more problems than just this but generally when it comes to PDF features in ColdFusion Adobe will certainly have to pull their fingers out as it's really buggy :-(
Don't know anything about CF mate, but you have two hashtags before the hex colour, so it probably won't be read!
I'm trying to monitor a small section of a web page for changes using the the Google Page Monitor extension --
https://chrome.google.com/extensions/detail/pemhgklkefakciniebenbfclihhmmfcd
Under advanced settings I can use either Regex or Selectors to accomplish this, but need help with this. In the following html, I'd like to monitor the following for changes in either the URL in line 4 or the text in line 5. Any pointers gratefully accepted.
<div id="rtBtmBox"><div id="sectHead" style="margin-bottom:5px;">
<h3>SLJ's Pick of the Day</h3></div>
<p align="center">From the March issue</p>
<p align="center"><a target="_blank" href="http://www.schoollibraryjournal.com/article/CA6723937.html">
<font color="#0000ff"><strong><em>The Summer I Turned Pretty</em></strong><br/>
Awesome, to find a question about my own extension on the front page of StackOverflow.
Anyway, it's easier using a selector. This should do the job: #rtBtmBox p:nth-child(3). However, if that paragraph has more contents, you might need something different (post or link the whole page if so).
A regex that will probably work is: <div id="rtBtmBox">[^]*?<a target="_blank" href="([^"]+)"