Pass Model Variable to url() in background attribute in style html tag Django
0
I am trying to pass the location of a static image to the url() attribute of a background image contained in the style property of a jumbotron div tag.
I've tried a few different things as shown below:
This is in my park_detail.html
% extends 'full_base.html' %
% load tags %
% load static %
% block main_content %
<div class = "jumbotron" style ="background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(% static park.imageloc %);background-size:100%;background-position:left center; background-repeat:no-repeat">
This attempt returns an error:
TemplateSyntaxError at /waittimes/park/2/
Could not parse the remainder: 'park.imageloc' from 'park.imageloc'
I also attempted this as the bottom line:
<div class = "jumbotron" style ="background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(% static 'park.imageloc' %);background-size:100%;background-position:left center; background-repeat:no-repeat">
and it could not find the image at location:
/static/%7B%7Bpark.imageloc%7D%7D
Thanks in advance
python html django
asked Nov 12 '18 at 16:05
chrisrtopher28chrisrtopher28
31
add a comment |
0
I am trying to pass the location of a static image to the url() attribute of a background image contained in the style property of a jumbotron div tag.
I've tried a few different things as shown below:
This is in my park_detail.html
% extends 'full_base.html' %
% load tags %
% load static %
% block main_content %
<div class = "jumbotron" style ="background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(% static park.imageloc %);background-size:100%;background-position:left center; background-repeat:no-repeat">
This attempt returns an error:
TemplateSyntaxError at /waittimes/park/2/
Could not parse the remainder: 'park.imageloc' from 'park.imageloc'
I also attempted this as the bottom line:
<div class = "jumbotron" style ="background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(% static 'park.imageloc' %);background-size:100%;background-position:left center; background-repeat:no-repeat">
and it could not find the image at location:
/static/%7B%7Bpark.imageloc%7D%7D
Thanks in advance
python html django
asked Nov 12 '18 at 16:05
chrisrtopher28chrisrtopher28
31
add a comment |
0
0
0
I am trying to pass the location of a static image to the url() attribute of a background image contained in the style property of a jumbotron div tag.
I've tried a few different things as shown below:
This is in my park_detail.html
% extends 'full_base.html' %
% load tags %
% load static %
% block main_content %
<div class = "jumbotron" style ="background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(% static park.imageloc %);background-size:100%;background-position:left center; background-repeat:no-repeat">
This attempt returns an error:
TemplateSyntaxError at /waittimes/park/2/
Could not parse the remainder: 'park.imageloc' from 'park.imageloc'
I also attempted this as the bottom line:
<div class = "jumbotron" style ="background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(% static 'park.imageloc' %);background-size:100%;background-position:left center; background-repeat:no-repeat">
and it could not find the image at location:
/static/%7B%7Bpark.imageloc%7D%7D
Thanks in advance
python html django
asked Nov 12 '18 at 16:05
chrisrtopher28chrisrtopher28
31
I am trying to pass the location of a static image to the url() attribute of a background image contained in the style property of a jumbotron div tag.
I've tried a few different things as shown below:
This is in my park_detail.html
% extends 'full_base.html' %
% load tags %
% load static %
% block main_content %
<div class = "jumbotron" style ="background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(% static park.imageloc %);background-size:100%;background-position:left center; background-repeat:no-repeat">
This attempt returns an error:
TemplateSyntaxError at /waittimes/park/2/
Could not parse the remainder: 'park.imageloc' from 'park.imageloc'
I also attempted this as the bottom line:
<div class = "jumbotron" style ="background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(% static 'park.imageloc' %);background-size:100%;background-position:left center; background-repeat:no-repeat">
and it could not find the image at location:
/static/%7B%7Bpark.imageloc%7D%7D
Thanks in advance
python html django
python html django
asked Nov 12 '18 at 16:05
chrisrtopher28chrisrtopher28
31
asked Nov 12 '18 at 16:05
chrisrtopher28chrisrtopher28
31
asked Nov 12 '18 at 16:05
chrisrtopher28chrisrtopher28
31
asked Nov 12 '18 at 16:05
chrisrtopher28chrisrtopher28
31
asked Nov 12 '18 at 16:05
chrisrtopher28chrisrtopher28
31
31
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
0
Try:
% static park.imageloc %
as in:
<div class = "jumbotron" style ="background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(% static park.imageloc %);background-size:100%;background-position:left center; background-repeat:no-repeat">
answered Nov 12 '18 at 16:13
Rob BrichenoRob Bricheno
2,325218
Worked great. Any reason why the call for a model variable is different inside a url() than a call elsewhere in a template like a image tag having src = park.picture
– chrisrtopher28
Nov 12 '18 at 16:23
@chrisrtopher28 It isn't because you are inside aurl()(which the templating engine can't see anyway), it's because you are inside a% static ... %block (or any block that starts with{%). It's the same way you wouldn't need to put extra parentheses around the variableapplesin% for apple in apples %.
– Rob Bricheno
Nov 12 '18 at 16:38
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53265926%2fpass-model-variable-to-url-in-background-attribute-in-style-html-tag-django%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
Try:
% static park.imageloc %
as in:
<div class = "jumbotron" style ="background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(% static park.imageloc %);background-size:100%;background-position:left center; background-repeat:no-repeat">
answered Nov 12 '18 at 16:13
Rob BrichenoRob Bricheno
2,325218
Worked great. Any reason why the call for a model variable is different inside a url() than a call elsewhere in a template like a image tag having src = park.picture
– chrisrtopher28
Nov 12 '18 at 16:23
@chrisrtopher28 It isn't because you are inside aurl()(which the templating engine can't see anyway), it's because you are inside a% static ... %block (or any block that starts with{%). It's the same way you wouldn't need to put extra parentheses around the variableapplesin% for apple in apples %.
– Rob Bricheno
Nov 12 '18 at 16:38
add a comment |
0
Try:
% static park.imageloc %
as in:
<div class = "jumbotron" style ="background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(% static park.imageloc %);background-size:100%;background-position:left center; background-repeat:no-repeat">
answered Nov 12 '18 at 16:13
Rob BrichenoRob Bricheno
2,325218
Worked great. Any reason why the call for a model variable is different inside a url() than a call elsewhere in a template like a image tag having src = park.picture
– chrisrtopher28
Nov 12 '18 at 16:23
@chrisrtopher28 It isn't because you are inside aurl()(which the templating engine can't see anyway), it's because you are inside a% static ... %block (or any block that starts with{%). It's the same way you wouldn't need to put extra parentheses around the variableapplesin% for apple in apples %.
– Rob Bricheno
Nov 12 '18 at 16:38
add a comment |
0
0
0
Try:
% static park.imageloc %
as in:
<div class = "jumbotron" style ="background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(% static park.imageloc %);background-size:100%;background-position:left center; background-repeat:no-repeat">
answered Nov 12 '18 at 16:13
Rob BrichenoRob Bricheno
2,325218
Try:
% static park.imageloc %
as in:
<div class = "jumbotron" style ="background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(% static park.imageloc %);background-size:100%;background-position:left center; background-repeat:no-repeat">
answered Nov 12 '18 at 16:13
Rob BrichenoRob Bricheno
2,325218
answered Nov 12 '18 at 16:13
Rob BrichenoRob Bricheno
2,325218
answered Nov 12 '18 at 16:13
Rob BrichenoRob Bricheno
2,325218
answered Nov 12 '18 at 16:13
Rob BrichenoRob Bricheno
2,325218
2,325218
Worked great. Any reason why the call for a model variable is different inside a url() than a call elsewhere in a template like a image tag having src = park.picture
– chrisrtopher28
Nov 12 '18 at 16:23
@chrisrtopher28 It isn't because you are inside aurl()(which the templating engine can't see anyway), it's because you are inside a% static ... %block (or any block that starts with{%). It's the same way you wouldn't need to put extra parentheses around the variableapplesin% for apple in apples %.
– Rob Bricheno
Nov 12 '18 at 16:38
add a comment |
Worked great. Any reason why the call for a model variable is different inside a url() than a call elsewhere in a template like a image tag having src = park.picture
– chrisrtopher28
Nov 12 '18 at 16:23
@chrisrtopher28 It isn't because you are inside aurl()(which the templating engine can't see anyway), it's because you are inside a% static ... %block (or any block that starts with{%). It's the same way you wouldn't need to put extra parentheses around the variableapplesin% for apple in apples %.
– Rob Bricheno
Nov 12 '18 at 16:38
Worked great. Any reason why the call for a model variable is different inside a url() than a call elsewhere in a template like a image tag having src = park.picture
– chrisrtopher28
Nov 12 '18 at 16:23
Worked great. Any reason why the call for a model variable is different inside a url() than a call elsewhere in a template like a image tag having src = park.picture
– chrisrtopher28
Nov 12 '18 at 16:23
@chrisrtopher28 It isn't because you are inside a
url() (which the templating engine can't see anyway), it's because you are inside a % static ... % block (or any block that starts with {%). It's the same way you wouldn't need to put extra parentheses around the variable apples in % for apple in apples %.– Rob Bricheno
Nov 12 '18 at 16:38
@chrisrtopher28 It isn't because you are inside a
url() (which the templating engine can't see anyway), it's because you are inside a % static ... % block (or any block that starts with {%). It's the same way you wouldn't need to put extra parentheses around the variable apples in % for apple in apples %.– Rob Bricheno
Nov 12 '18 at 16:38
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53265926%2fpass-model-variable-to-url-in-background-attribute-in-style-html-tag-django%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
