enter image description here
it must be like this. the iconenter image description here
It's probably caused by an icon image extension,
the icons are changed by those kind of extensions.
Install VSCode Great Icons from VsCode>Extensions
The icons will look like below image, and there no problem with your .env file even if you don't install the extensions, it's the other extension which causing this kind of image.
Without any image Extension the default .env file icon will look like settings icon.
Related
I have a few custom icons (11 to be exact) that I added to my project using Flutter Icon. For most of these icons, everything is working as expected:
However, some of them just overflow out of their intended size, or are given a wrong size. No idea what the problem is, but here is how it looks like:
as you can see, the right side of the infinity loop is just hanging outside of its intended container (button). Also, if I try to be hacky and resize only the infinity icon, it appears to be offsetted to the right.
I can be hacky and create a custom size for the couple of troublesome icons, but I would like to know if there is something that I, or my designer (also me) can do to fix this properly.
Already Tried:
Converting to compound path.
Removing unnecessary tags such as <style> tags.
Using flutter_svg package. This works okay, but it seems to be less performant that the Flutter Icon method. My app has quite a few animations running at the same time, and animating a SvgPicture is a little bit janky.
So I haven't been able to find out why the problem is happening, but I found out how to fix it.
After uploading your custom icons' svg's into FlutterIcon you'll download a .zip file. This file contains a bunch of files, including a .ttf file, which is a font file that contains your icons. You will need to manipulate the symbols/icons in that file in order to fix the issue.
To modify the faulty symbols, you will need to download some font editing application. FontForge does the trick. Download it and open the .ttf file you got from FlutterIcon from it. Once you have it open, you'll see a window full of squares with Xs in them. These are the font's glyphs.
You now need to find the glyphs with your icons. To save yourself from a LOT of scrolling, you can go to Encoding -> Compact from the toolbar. This will hide all unused (empty) glyphs. You should now be able to see all your icons. You should have something like this:
Right click the symbol you want to fix, and click Transform.... You will then be prompted with a menu that will let you transform the symbol in anyway you want. Apply transforms on all your faulty icons until you are satisfied. Transform window looks like this:
Once you have finish all your modifications, got to File -> Generate Font.... Select the destination folder and the file name (make sure it has the same name as the .ttf file generated from FlutterIcons). Also make sure you the TrueType file type from the first dropdown menu:
Once you're done, click generate, and voila! Now you have the .ttf file with the correctly-shaped icons. If you still find that something is wrong with the icons, you can rinse and repeat this process until you're satisfied with the result.
I am trying out Rundeck using the open source docker image (rundeck:3.3.8). I can add a custom logo after the default Rundeck logo, but I cannot replace the default Rundeck logo with my own. Is that even possible? I have tried searching the png file of the Rundeck logo but cannot find that as well in my Ubuntu system?
Additionally, is it possible to change the display size of the custom logo? As you can see from the following snapshot, it enlarges my custom logo quite a bit from its original size.
That logo isn't replaceable, you can add a logo besides that one, take look at this. The file isn't located on the operating system, is located inside the WAR (java executable) file (at /home/rundeck path). The best way to change that logo is to get the Rundeck code, make your changes, and build your own version following this.
I am attempting to add a background image to my app. I am using Flutter and Visual Studio. However, I keep getting this error. I have tried everything from flutter clean and changing all my indentations on the YAML files multiple times. I have also tried to change the image files to see if anything would work. Any help would be appreciated.
Error
insert image method
YAML File
Use forward slash (/) in the path you are providing to AssetImage()
Example - AssetImage("lib/assets/someimage.png")
I recomendation is to first to change the YAML file to this way:
Assets:
lib/assets
This way you dont have to specify all the files in the assets folder.
Then as Sachin says, uses the forward slash to complete the relative path.
Another workaround will be to create the asset folder in the root project and then move you images over there.
P.D: sorry for the bad english
Your code is not working because you used the wrong slash.
You should use / instead of \.
Usually, the \ is used as an escape character, like \n for a new-line.
Note that these characters are highlighted in your IDE with a different color.
So your code will be:
...
image: AssetImage('lib/assets/socials/clife.jpg'),
...
Also, you don't need to specify each asset file in the pubspec.yaml file. You can specify a folder, for example, the folder lib/assets, and then everything inside this folder will be accessible as an asset.
Finally, some people prefer to organize the code with assets in the same level as the lib.
Best!
How can I include an image from the same destination folder as of the document as Markdown in Visual Studio Code?
I tried this, but it didn't work:
If the image is in the same directory as the Markdown file, you can use either:
For a workspace layout like:
docs/
images/
img.jpg
README.md
In README.md, this would be either:
Question is old, however, I found a very nice plugin within visual studio code
Paste Image
As the plugin suggests you can paste the image onto markdown file by pressing ctrl(cmd) + Alt +V.
Or
Open command palate pressing ctrl(cmd) + shift + p and select paste image. In the background the plugin creates a image file with date/time and puts reference on the markdown.
If you are here because the images would not render in vscode preview, here's my solution:
<img src="./2/to/img.jpg" alt="Getting started" />
Markdown accepts HTML syntax, so this just works also.
Instead of this Process you can just drag the image from the file and to include in the Readme.md just click Shift + release It Will be generated Automatically.
Well if the pic is from the internet
I think this code will work 
If the image isn't rendering, in VSC it needs an extra line after the line where the image is instantiated, in other words it can't be an end of file. I do not see this requirement in other markdown editors.
Pasting images seems to be currently in experimental phase on VSCode.
According to this, you can set the following configuration options on your personal settings to enable it.
"markdown.experimental.editor.pasteLinks.enabled": true,
"editor.experimental.pasteActions.enabled": true
My test run of it worked perfectly pasting a screen capture, but it seems there's currently no setings as on where the file will be saved or its name. It defaults to saving on the current folder with "image.png" name.
i want to use custom fonts in y application.
i have declared the "Fonts provided by the application" in the info.Plist file
and set the label.font to the font with name with / without the .TTF extension
draged the TTF file in to the project and copied the file to the project
created an outlet to the label but still, nothing works.
if someone knows what is going on over there i would like to get some help.
recently i have noticed the this problem are known # the 4.1 (xcode version).
TNX :)
The font name isn't the name of the file. What you want to do is double click on the font in Finder.
This should open it in Font Book like this image
The font name you want is the one in the title which I've highlighted so attractively in red.
I just spent a big chunk of my day trying to figure my problem out... what I missed was, when I dragged the .ttf file into xcode, I did not select my app's name under "Add to target:" section.
Even though it seemed as if the file was in the correct directory and what not, it wasn't recognising it under the family names, using this code:
NSLog(#"FONT FAMILIES\n%#",[UIFont familyNames]);
So hopefully this can help someone if they're stuck.
The above advice did not work for me, so I wanted to share what did:
Opening the font in Finder gave a long name that did not work (TypeWrong Smudged - DGL), but when I looked for the same font in the Photoshop font list it showed the name as just TypeWrong, which did work. So if Finder shows a long name with spaces in it, you might want to try just using the first space-free chunk.
You have to check what is the font name it is at times different from font file name...
check this link