Removing redundant color box in VS Code - css

New to coding.
How do I remove the redundant color box next to the highlighted(colored) item in VSCode?
I like to keep 'Colorize' and remove the unknown and redundant extension.
Here are the extensions I have installed.
Enabled Extensions Screenshot
Here is the issue screenshot.
code screenshot

Add this lines in your settings.json by pressing ctrl+shift+p and pressing Open Settings (JSON)
"css.colorDecorators.enable": false,
"scss.colorDecorators.enable": false,
"less.colorDecorators.enable": false,

As of VS Code v1.49 (August 2020), this is the setting:
"editor.colorDecorators": false

Related

Prevent auto semicolon in Visual Studio Code

I'm using the Visual Studio Code. I never want auto semicolon after CSS properties. But VS Code gives me an auto-complete option which I don't like.
How can I stop auto-complete semicolon at the end of CSS properties?
Settings > Extensions > CSS , uncheck the Complete Property With Semicolon.
or
You can change the default values in the Settings editor.
search the code & change it from true to false.
// Insert semicolon at end of line when completing CSS properties
"scss.completion.completePropertyWithSemicolon": false,
From: https://code.visualstudio.com/docs/getstarted/settings
Press Control + Shift + P in VSCode.
Search For Preferences: Open Settings (UI).
Again in the Searchbar, search for Semicolon.
Choose CSS or your preferred language from where you want to remove auto
semicolon.
Untick Insert semicolon at the end of line when completing CSS properties.
And you are done.
In Settings go to Extensions -> CSS and uncheck 'Completion: Complete Property With Semicolon'

Atom - disable single key binding

How can I disable a single key binding such as ctrl-alt-= in Atom?
I'm using the QWERTZ keyboard layout, so that I execute pane:increase-size when I type a '\'.
Open settings with File > Settings
Click Keybindings
Filter the list by typing ctrl-alt-= in the search box.
Click the clipboard icon next to the shortcut. This will copy the shortcut definition to your clipboard.
Click the hyperlinked text your keymap file.
Paste in the contents of the clipboard.
Replace 'pane:increase-size' with the value 'unset!'
Now ctrl-alt-= will not do anything.
EDIT: 'unset!' was previously null, see this atom discussion for details.
EDIT2: To fix issues with many non-QWERTY keyboard layouts, check out the keyboard-localization package for Atom.
Fix from #Monkey worked, here's the code from my keymap.cson for fixing backslash.
'atom-workspace atom-text-editor:not([mini])':
'ctrl-alt-[': 'unset!'
EDIT:
I'm using the QWERTZ keyboard layout.

GoogleVis does not show chart in RStudio

I am trying to use googleVis-0.5.10 with RStudio 0.99.473 on Windows 7. I can generate charts just fine, but they always opened in a new browser window. The code is simple, no extra options are set:
lineChart <- gvisLineChart(data,
options = list(
selectionMode = "multiple",
focusTarget = "category",
tooltip = "{ trigger : 'focus', aggregationTarget: 'auto' }")
)
plot(lineChart)
I have tried to call viewer manually by providing url from the opened browser window:
rstudio::viewer("http://127.0.0.1:10529/custom/googleVis/LineChartIDc6837e37021.html")
But it shows almost an empty screen:
I think it is some kind of a security issue as when I right click RStudio Viewer window and open web inspector, I see there is a javascript error:
Failed to load resource: Unable to init SSL Context: https://www.google.com/jsapi?callback=displayChartLineChartIDc6837e37021
If I am right, is there a way to instruct RStudio to trust content from www.google.com domain? Or, if I am wrong, how can I fix the problem?
Thank you.
I think your flash player is not enabled. In chrome type:
chrome://plugins
and check the flash player checkbox and try again.
Inda's answer is correct, except now the path to change your Chrome flash settings is
chrome://settings/content

read-only cells in ipython/jupyter notebook

Is there a way to mark a cell in the ipython/jupyter notebook readonly using the json format in the ipynb file? (E.g., a cell attribute "readonly":false or some such.) If not, is there a jquery hack to find suppress the double click event in the cell?
#Richard Ackon's answer requires adjustments for JupyterLab:
Open the Property Inspector.
Focus the cell you want to lock.
Add the following lines to the Cell Metadata:
{
"trusted": true,
"editable": false,
"deletable": false
}
Click on the tick to save the metadata... Tadah!, your cell can't be modified or deleted.
The Property Inspector comes built-in since JupyterLab 2.0 (note it was moved to the right sidebar by default in JupyterLab 3.0). For older JupyterLab versions you would need to modify the notebook file manually.
Unfortunately, the outputs can still be cleared by intentionally selecting that option in the menu bar (Edit > Clear Ouputs). Of course that can only happen if you DO WANT to clear the outputs and not just update them by running the cell.
Source
Yes, Use the steps below:
Select view on the menubar
Point to Cell Toolbar and select Edit Metadata
An "Edit Metadata" button will appear at the top-right corner of the cell.
Click on that button and edit the json that pops up. Set the editable key to true or false to get the desired effect.
The JSON will look something like this:
{
"deletable": false,
"editable": false,
"scrolled": true,
"trusted": true
}
There is an extension for IPython that is supposed to that:
Read Only Cell extension.
Getting it to work is something else, but it is there.

Kendo grid grouping message does not change

Hello and thanks in advance for any suggestions.
I am using the grouping option in the Kendo UI and i wanted to change the default grouping message :Drag a column header and drop it here to ...
So i changed the text in 3 .js files called: kendo.all.min.js, kendo.web.min.js, and kendo.groupable.min.js, to the desired text and the text does not change.
I think i'm missing something because when i group and un-group i see my message for a sec but then the grid reloads again and i get the original message again. Is the message coming from the dll or just from java script? hope someone can help it is really important.
Thanks.
If you did it correctly and are loading the modified version of the JS it should work BUT that is not the way for localizing the message... KendoUI (in the latest versions) already has support for it. You should have done:
groupable: {
messages: {
empty: "Custom message text"
}
},
as it is shown in their documentation here
Remember that if you modify their code, next time they release a new version you will have to merge their version with yours for having the fixes and new features that KendoUI team developed plus your changes.
EDIT If you want to have it for every Grid in you document, put at the very beginning of the JavaScript code:
kendo.ui.Groupable.prototype.options.messages =
$.extend(kendo.ui.Groupable.prototype.options.messages,
{empty: "Custom message text!"}
);

Resources