Hmm, have you tried clearing the cache? When working with property editors styles etc. are cached pretty hard so sometimes you need to hard reload the page and empty the cache.
If that does not help then try doing this
1: Go to the /app_data/TEMP/ClientDependency folder and delete the files from here
2: Go tot he /config/ClientDependency.config and increment the version attribute
3: Recycle the app pool
4: Reload your backoffice and see if the styles are present now
If this does not work...can you see the styles on the elements from your property editor if you inspect the dom? If the style declarations are present but overlined then you need to add more specificity to your styles.
Add css class to usercontrol-macro in RTE
Hello.
I have a usercontrol macro with css-class. I added css-file with this class to umbraco/#/content/content/edit/idPage and saw
<head><link href="/styles/modules/search/search_results.css" rel="stylesheet" class="lazyload" charset="utf-8"></head>
but when I added a macro with class from search_results.css, but there are no style. Why? What should I do to add style?
Hi Galina
What is it exactly you're trying to do? Is it modifying the umbraco backoffice or a part of your website?
/Jan
Hello, Jan.
I've created custom RTE using http://umbraco.github.io/Belle/#/tutorials/manifest ;
package.manifest
{
propertyEditors: [
...
css: [
"~/styles/modules/search/search_results.css"
]
}
after that, in http://myhost/umbraco/#/content/content/edit/pageId , I saw
<head>
...
<link href="/styles/modules/search/search_results.css" rel="stylesheet" class="lazyload" charset="utf-8">
...
</head>
But when I added usercontrol macro
<ul class="bPanelLinks">
<li>test</li>
</ul>
I don't see my style. In preview mode I saw it. How should I add my custom css, if I want to see it in Umbraco backoffice?
Hi Gallina
Hmm, have you tried clearing the cache? When working with property editors styles etc. are cached pretty hard so sometimes you need to hard reload the page and empty the cache.
If that does not help then try doing this
1: Go to the /app_data/TEMP/ClientDependency folder and delete the files from here 2: Go tot he /config/ClientDependency.config and increment the version attribute 3: Recycle the app pool 4: Reload your backoffice and see if the styles are present now
If this does not work...can you see the styles on the elements from your property editor if you inspect the dom? If the style declarations are present but overlined then you need to add more specificity to your styles.
/Jan
Hello Jan.
The problem wasn't in settings. TinyMCE add iframe to page with nested tag
package.manifest add file.css to main Umbraco backoffice page (not to iframe)
And it's needed to add
angular.module("umbraco").controller("OzonRTEController", function($scope, $routeParams, $http) { $scope.property = { view: 'rte', config: { editor: { toolbar: ["code", "undo", "redo", "cut", "styleselect", "bold", "italic", "alignleft", "aligncenter", "alignright", "bullist", "numlist", "link", "umbmediapicker", "umbmacro", "table", "umbembeddialog"], dimensions: { height: '400px' }, stylesheets: "basic.css" } }, value: $scope.model.value };stylesheets: "basic.css" -- this file should be placed in ~/css/ without any nested folder
Hi Galina
Aaah cool, happy you managed to figure it out and thank you for sharing the solution :) #h5yr! (High 5 you rock).
Cheers, Jan
is working on a reply...