PhpSpreadSheet : border thickness - border

I generate a sheet with PhpSpreadSheet. I use BORDER_THIN which makes 1,00 pt borders.
Is it a way to get 0,5 pt borders ?

so BORDER_HAIR makes 0,5 pt borders !

If you will use the border on tcpdf PDF there is a problem in the pdf print library.
Look to this github thread https://github.com/PHPOffice/PhpSpreadsheet/issues/1164

Related

How can I make a table on rmarkdown more compact?

I used a dataframe on rmarkdown, but when I knit to html it is too large and uses a lot of space. Is
there any way to make it more compact?
I've tried looking around in the DT instructions but haven't found any options to change that.
You can reduce the vertical spaces using the lineHeight property:
formatStyle(columns = 1:5, lineHeight='30%')

Is there any possibility to use Gradient Map (as one in photoshop) for image in CSS?

i just wonder is there a possibility to use gradient map as for in image in CSS?
Belove the results i would like to achieve:
https://tomb.pl/projects/cephtactics/images/dentistry.png
There is a generator for it :)
https://cssduotone.com

Defining colors for many css classes based on a gradient color scale

I have a gradient color scale that I want to define a set of classes for.
To break it down I have a value that can span between 0 and 8.5 with a step of 0.25. I have a total of 34 different colors (8.5/0.25 = 34) that I want to span within this gradient color scale. So I need to define 34 different classes each a tad more down the scale depending value that I have in my database. So if I find a value of 2.25 I want to get the color 29.4% ((2.25 * 100 /) 8.5 = 29.4) within my gradient scale. How can I do this by using css classes?
My reason for doing this is to add color to icons that I place on my map. The values are speed and based on the speed I need to add a class to my icon on the map that contains a background (color) that matches the "value" of the speed?
I have tried googling for the past 30 minutes, but I have found my self unable to find anything that I can use.
If this seems quite intuitive I am willing to try other solutions that can assist me in achieving what I need.
If it is of any importance I am using MapBox as my map solution.
Try using SCSS. In SCSS you can use variables and math.

Getting image size through template?

I have a template on my wiki that I use to put in image side by side with an image of a location. The issue that I am having is that if the image (which is often taken from a movie screenshot) has a different ratio (say it is a wide screen 16:9) then there is a bunch of white space above and below the image. Is there a way to either
Set the Google Maps widget to obtain its height and width based off of the dimensions of the image being supplied or...
Obtain the aspect ratio of the image? If I can get that, then I can run a series of "#if" statements to set the widgets height & width.
Basically, I would like the map and image to have the same height when displayed on the page. The code for the template is below. Thanks in advance.
{{{!}}style="border: 1px solid darkgray;"
{{!}}-
{{!}}{{#widget:Google Maps
|height=270
|width=480
|lat={{{lat|}}}
|lng= {{{lng|}}}
|zoom={{{zoom|}}}
|}}
{{!}}|[[image:{{{image|}}}|none|480x270px]]}}
{{!}}-
{{!}}}
There is an extension for this (that I haven't tried myself): ImageSizeInfoFunctions. It will give you two parser functions for your purpose (and will work until the day one of your users try to put a file that a not a picture in there...)

How do I make a tiny 'shadow' under an image, like this one?

http://www.deviantart.com/#order=9&q=sun
As you can see, each picture...underneath it...it has a little tiny shadow around the edges.
How can this be done with a variable size image? (css)
Beside the answers above, let me explain how devianart does it ..
they have an image generator, that creates the shadow image at anysize they want ..
You can see the background shadow of an image at http://sh.deviantart.net/shadow/x/113/150/logo3.png
now playing around with the url and altering the 113 and 150 creates new images of arbitrary size which they use ...
You can use box-shadow, but it wouldn't work cross browser: http://www.css3.info/preview/box-shadow/
You can do this by shifting a background image behind the original image. There are quite a few tutorials on the internet:
Tutorial 1
Tutorial 2