I want to change scss theme through build command in an Angular 10 for two different clients - sass

I have done all the research required for this implementation in my project and also tested different types of methods to replace the scss theme but it's not working properly.
have tried the file replacement method in many ways but got negative results so I'm expecting if anybody could help me with this so I can change the theme by (ng build) command.

Related

Recipe and Images 2sxc 14 - forfactor forCss

It may be so new its not ready yet but for the life of me even with the default Blog app installed the images do not read the JSON recipe default file for which CSS is loaded BS4, BS5, etc. It only loads largest image file.
I think i read somewhere that it may be a work in progress but uncertain if it should be working in v.14.
This is the simple part of the code rendering it and tried even a custom recipe and it won't work.
#Kit.Image.Picture(link.Field("Image"), settings: imgSettings, imgAlt: altText, factor: "6/12" )
I believe the custom recipe is part of the problem.
Basically it's correct that some features are Patrons only, but that is only for CSS-Framework specific resizes and for automatic WebP. Multiple sizes should work by default all the time - if the root recipe is correct.
I suggest you try a new DNN install with the latest 2sxc and the default Content-App. You should see that it creates multiple sizes automatically.
From there, figure out what broke in your setup.
Good luck!

How to figure it out on which mistake i made when i run npm run build?

I'm quite new to this VueJS things. And this is my first App creating a SPA with separated server-side app. I faced the problem right before deploying my app on a shared hosting. Simply, when i run "npm run build", it return with an error in which i don't even know the cause. Here is the error i faced.
first img
second img
Please help me resolve this issues, i know there are jquery errors, but i think those are not the problems
You have es-lint checker. It checks unused vars so you have unused variables inside these listed components like from and to. You should remove these variable from your components.
Those errors come from your linter (probably eslint) which is a tool designed to ensure consistence and code quality : in your case it mainly complains about declared variables that are not used anywhere else in your code and $ being undefined (I guess you're trying to use jquery which you should not be doing in a vue project anyway)
On the images you posted you have all necessary infos : the title of each block tells you in which file the error is (for example App.vue in the first image) and then you have line/column to locate precisely where you need to adjust :)
Note that you can configure your linter (what should be error/warning/skipped out) overwriting (or creating if it doesn't exist) a config file at the root of your project (if you use eslint for example, you can create a .eslintrc file). See the config part of the official doc

Sass not working in Svelte and StorybookJS

I am using Google Material on Svelte and thank GOD finally was able to successfully make it work. Now, I created it in a separate code base. On the other hand I am actually creating a separate codebase for different components in StorybookJS. So when I ported my working codebase (actually copy pasted the component) the button for example that I am testing is not working anymore. I checked all the necessary npm installations that I need and it's all good.
But now when I check the Developer Tools on my browser (I am using Brave) I got this error:
Refused to apply style from 'http://localhost:60809/theme-mui.scss' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
My theme-mui.scss mentioned on the error above is the initializer for my Google Material to work on Svelte (or other framework for that matter). I tried to transfer the above scss file to no avail. I followed the instruction of setup from my separate code base but it still is not working. I tried to follow the sass config using this link from Storybook but still to no avail. What could have gone wrong?

KendoUI - LESS source files to integrate into workflow

Project utilizes AngularJS, Bootstrap and KendoUI. Issue is, Kendo advertises that it "integrates" with Bootstrap, when in fact it only really mimics bootstrap styles.
I've got a LESS workflow established with grunt, proper Bootstrap variable overrides and all, but I'm having the damnedest time finding source files for KendoUI.
All the documentation I've come across wants you to use some Theme Builder tool, but this isn't ideal. When you use the themebuilder, it includes a LESS file with variables, but I can't find the source LESS files for KendoUI Pro (which I've purchased a license for, so you'd think they'd serve it up on a platter.)
For anyone in the sorry position of having to use Kendo, you have to get the source files from the Telerik Control Panel.
Also, have fun tracking down the variables because their scattered across the four winds within the LESS files for both the core and theme packages.

CKEditor 4 config - relative paths

I have been using CKE 4.3.4 for a while (in conjunction with ASP.NET 4.0) and it is generally working fine. But I am having great trouble in configuring features in config.js where I need to specify a path - for example, for a custom stylesheet file (config.stylesSet) or a custom image browser (config.filebrowserImageBrowseUrl). I have only been able to get this to work by specifying an absolute url - e.g. //ckeditor/customstyles.js. Although this works, I am unhappy having to do so as it makes running my applications in different environments difficult and is also an issue when testing using IIS Express which does not provide a root name. I have seen suggestions elsewhere that I need to set a BASEHREF global variable, but I can't see why I shouldn't be able to do this within config.js itself rather than in some external script tag or whatever. I feel sure that I used to be able to do something similar with FCKEditor or earlier versions of CKEditor, so would be grateful if anyone could remind me of the correct syntax.
Jon

Resources