Databases
StackOverflow2013
Postsdbo
POHow to render a template with dynamic CSS?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to render a template with dynamic CSS?
    primarykey
    data
    text
    <p>I want to create a dynamic CSS file in a view and then render a template which loads that CSS file. Depending on the arguments given to the view, the CSS may have different values at certain places every time the view is called. How would I go about doing that? (I should add that I have no experience with writing files in Python/Django.)</p> <p>Here is a simplified example of how I think it should work:</p> <pre><code># urls.py urlpatterns = patterns('', (r'^myview/(?P&lt;color&gt;[0-9a-f]{6})/$', create_css_file), ) # views.py def create_css_file(request, color): raw = "@charset 'UTF-8';\n\n" raw += "body {\n" raw += " color: #" + color + ";\n" raw += "}\n\n" f = open('mydynamic.css', 'r+') f.write(raw) return render_to_response('mytemplate.html', locals()) # mytemplate.html {% extends "base.html" %} {% block head %} &lt;link rel="stylesheet" media="screen" href="{{ f.name }}" /&gt; {% endblock %} </code></pre> <p>For some reason, that doesn't work, although in the resulting HTML page's source code, it looks like the CSS file is loaded correctly. The <code>f</code> even arrives at the template correctly, because I can see its contents when I change the <code>&lt;link&gt;...</code> line to </p> <pre><code>&lt;link rel="stylesheet" media="screen" href="{{ f }}" /&gt; </code></pre> <p>(<code>f</code>instead of <code>f.name</code>). But the HTML is rendered without the desired color setting. Can anybody tell my why that is? </p> <p>I suspected some path issue, and I toyed around quite a bit with different paths, but to no avail.</p> <p>Please do not advise me to prepare several hardcoded CSS files (as I have found in answers to similar questions), because there will be several hundred possibilities.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USjoschaf
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to render a template with dynamic CSS?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POHow to render a template with dynamic CSS?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POHow to render a template with dynamic CSS?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COis the link <link rel="stylesheet" media="screen" href="{{ f }}" /> on click gives 404 error?
      singulars
      1. POHow to render a template with dynamic CSS?
      1. USshiva
    2. COErm, just put it in `<style>`? Writing to a file in a view like that is silly and will not work.
      singulars
      1. POHow to render a template with dynamic CSS?
      1. USCat Plus Plus
    3. CO@CatPlusPlus: At first glance, putting it in `<style>` seems to work, thank you! But since I want to learn, could you please elaborate as to why writing to a file in a view is silly and **why** it would not work? I've seen this being suggested somewhere else, but unfortunately without concrete instructions.
      singulars
      1. POHow to render a template with dynamic CSS?
      1. USjoschaf
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload