question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Fragment "items": title doesn't render correct with text + asset

See original GitHub issue

bug

Consider this snippet:

+++


title = "Agile"

weight = 10

[asset]
image = "scrum.svg" 

+++

<p>One step at a time will guide us to the moon. Adjusting direction in regular intervals is key to effectively navigate. Having happy customers is the ultimate goal. Check out the <a href="https://agilemanifesto.org/">Agile Manifesto</a>.</p>

This renders like this:

image

Doesn’t look that nice. I helped myself with this workaround:


+++


title = ""

weight = 10

[asset]
image = "scrum.svg" 

+++

<br><br><br><br>
<h4>Agile</h4>
<br>

<p>One step at a time will guide us to the moon. Adjusting direction in regular intervals is key to effectively navigate. Having happy customers is the ultimate goal. Check out the <a href="https://agilemanifesto.org/">Agile Manifesto</a>.</p>

which renders much better (Will add screenshot later).

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
abraincommented, Jun 12, 2020

@k9ert (Hi Kim, long time no see 😄) SVG files don’t get cropped/resized, even if they are in the same folder as the .md file. You could try another format like PNG, but given the aspect ratio of the icons, I think you won’t be happy with the 300 x 110 cropped version anyway? I’m having the same issue and I’ll probably go with a modified items fragment that allows for square images.

1reaction
k9ertcommented, May 13, 2020

I had placed the file on the static-folder as well but moving didn’t help. I’ve created a PR which got deployed from netlify here: https://5ebc55404fea0b4b022ef690--bitcoin-devops.netlify.app/

The branch (and that specific folder) is here: https://github.com/k9ert/bitcoin-devops/tree/rendering_issue/content/_index/approaches

Read more comments on GitHub >

github_iconTop Results From Across the Web

Variations - Authoring Fragment Content (Assets
Insert visual assets into your fragment (images). Select between Rich Text, Plain Text and Markdown for editing. Upload Content. View key ...
Read more >
Fragment doesn't change after item click Navigation Drawer
I'm building an app which contains a NavigationDrawer to navigate between Fragments. For some reason, when pressing on any item in the ...
Read more >
Customizing and Extending Content Fragments ... - GitHub
If the value is singleText (and there is only one element configured) then the element is rendered as a text with in-between content,...
Read more >
Fragment transactions - Android Developers
Each set of fragment changes that you commit is called a transaction, ... Each FragmentTransaction should use setReorderingAllowed(true) :.
Read more >
Fragment Specific Tags - Liferay Help Center
The lfr-editable tag doesn't render without a unique id . The following three type options are available inside of of lfr-editable tag: text...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found