Maybe turn off the âDisplay images inlineâ option?
Also this is kind of funny â the images used to be a lot smaller (300px by 400px max), and we got multiple requests to make them larger.
They say you canât make everyone happy
Maybe turn off the âDisplay images inlineâ option?
Also this is kind of funny â the images used to be a lot smaller (300px by 400px max), and we got multiple requests to make them larger.
They say you canât make everyone happy
I tried but that option shows the image the same, very largeâŠ
I dont want to cause trouble to you⊠I just comment it, but dont worries
Yes, the image size is the same.
Sorry I wasnât more clear â I meant that if you donât display it inline, the image wonât show up unless you hover it, which would take less screen space, if thatâs what youâre concerned about.
It would be good to have a feature that letâs you specify the size for image when you have it inline (eg. 50% image size). Most of the time when images are pasted, they take over the screen, so end up having to use a photo editor to shrink image then paste in, which wastes a lot of time.
Also, currently you have option to have ALL images inline, or ALL images with hover feature. If thereâs a way to customise this, would be very helpful. Some images are better to have inline, whereas others are fine with a hover link.
yes please I completely forgot about this, what I would really like is markdown support using ![]()
to make the image selection size myself
can we get pandoc markdown formatting for image sizes?
![](imgur.com/drawing.jpg){ width=50% }
so I can set the width to be 50% of the total inline size on page? (in case the monitor size changes)
reference stackoverflow page: https://stackoverflow.com/questions/14675913/how-to-change-image-size-markdown
or an option to set a physical px size like 300px x 400px would be nice too
oh you know what would be even better? have the images really small but allow the user to click and expand image size
Reddit RES does it like so
Or maybe a javascript plugin like photoswipe http://photoswipe.com/, similar things used in lots of wordpress blogs too
example:
this is precisely why I manage all my image assets on my end
I can have images INLINE or hovered over
see this post I made on it Workflow for adding picture / handwritten notes to dynalist
This is how I decide on whether an image should be INLINE or hovered over
Genius workaround on inline vs hover Vincent! Simple yet effective Thanks for sharing!
Please add this At least give images a max-width, so they wonât overflow.
I have this set on my theme right now to 600px max width, it looks good on vertical and horizontal monitors
The code looks like this
/* Reduce Total Size of Markdown Images, use Imagus for full preview*/
.node-displayed-image {
max-width: 600px;
max-height: 600px;
}
It maintains image aspect ratio. So if you had a 900px (horizontal) x 1200px (vertical)
image, it will be rescaled down to 450px x 600px
.
If you had a 1200px X 100px
image, it will be scaled down to 600px X 50px
I made my own theme and this is the one I run at the moment, I updated it every so often when I notice some UI / UX improvements
I currently set every image to be INLINE, I actually rarely use image hovering over anymore. Partially because Iâd rather just scroll through a page and see / grok everything at the same time
It works great with dynalist pro image uploader
https://userstyles.org/styles/144225/dynalist-simple-colors-for-default-theme
Thank you. I pasted that code into Dynalist Pro custom CSS box and it worked perfectly.
Yes! This would be brilliant.
I just want to say, as much as custom CSS via stylish or something is great, it does not solve the issue. I like to share my trees with 3rd party users instead of emailing them a document - in that case I need to have control over how the dynalist looks on their computer.
âCould you explain a bit more on what do you mean by âmodifyâ? To accommodate syntax like [[20px]]
?
I agree with the original post. It would be fabulous to be able to specify the size of an image. If I copy an image from the web, Iâm stuck with whatever size it comes. Sure I can zoom out and take a screenshot (cropping it with the mouse) and paste the result, there are always workarounds, but thatâs just going to deter me from using images in Dynalist.
Currently my solution is to disable inline images, but if I could easily control the size of an image, Iâd re-enable inline images. Or if I could selectively enable inline images, Iâd choose which ones would display inline (and at what size).
I have Pro and limit the display size of images by pasting this in the Custom CSS Settings
.node-displayed-image {
max-width: 100px;
max-height: 100px;
}
You can run my userscript I made here
So you can resize every image as you want
Second, you can also use use imagus to hover and see the full image
Hereâs my CSS files I use for dynalist
Hi, @Vincent_Tang I appreciate all your insight and posts on the board. Might there be a solution for images to be responsive, filling the available space whether on desktop or mobile as opposed to being limited by pixel width?
Thank you!