Strapi v4 customize page using patch-package - strapi

I want to change the text inside login page with my custom text. I make some changes on node_modules/#strapi/admin/src/pages/AuthPage/components/Login/BaseLogin.js
Before editing that file, I install patch-package dependencies into my project. Inside project package.json file I added "postinstall": "patch-package" too.
After make some changes on file, I run this command yarn patch-package #strapi/admin
After finished I saw there are patches folder created and inside that folder I can saw the file which have diff code.
But, when I re run the strapi admin frontend, on login page text which I already changed still display original text from strapi.
Is there any mistakes I made on the steps ?
I used strapi version 4.4.3
Thanks before.

Related

How to replace actions with html icon on backpackforlaravel

I have created this app with backpack for laravel where the table created by using backpack:build
I need to replace the word actions with an icon from line-awesome for example toolbox
<i class="las la-toolbox"></i>
I tried to add the HTML on the language file
resources/lang/vendor/backpack/en/crud.php but it's not working
In Backpack 4.0 or 4.1, you can change the default buttons any way you see fit by publishing the view file, and making changes to the published file. If Backpack sees a file with the same name & path inside your project, it'll use that one instead of the one in the package.
For example:
if this file exists: resources/views/vendor/backpack/crud/buttons/delete.blade.php
then Backpack will load that one, instead of the normal vendor/backpack/crud/src/resources/views/crud/buttons/delete.blade.php
For reference, you can find all default Backpack buttons here, in the Backpack/CRUD package. Overwriting one is just a matter of creating a file with the same name in the directory I mentioned above.
You can publish a blade file even easier by using this command:
php artisan backpack:publish crud/buttons/delete
Then make any changes you want to it, like removing the text to only leave the icon.
In Backpack 4.2 it is possible that an easier solution will be implemented for this particular need. See this PR for more information. Backpack 4.2 will be released in spring 2021.

Vue js Development Code is Working fine but Production build Gives Blank white screen on Opening

Developers Recently i am working on a vue js Website, and everything is working fine on Development but when i build the code using npm run build , the production build gets successfully build but when i try to open the index.html file inside dist directory the file gets opened in Browser but a Blank white page gets Displayed.
You need to start your server, not open the file directly.
Because Vue builds files and connects JS and CSS like it would be on the server.
And now, when you are opening the file, it can't find JS/CSS.
How do you want to deploy your app? I think the following post can help you:
How to deploy vue app
Please check if you have a vue.config.js file and if the configuration is correct according to your project setup.

Compiled CSS file wouldn't display in my browser

I am new to laravel homestead. I am using a windows 10 for my learning and able to run npm watch-poll. The app.scss is compiled successfully and the app.css file is updated in the public directory but, it wouldn't display in my browser. I have included the CSS script in my blade template. Only when I restart my machine then the css is displayed. Any one can help please.
I do appreciate.
This is how i solved this problem in my own project:
delete your link tag containing href="app.css"
save file
paste the link tag again
save file
If the above doesn't work, try pressing ctrl+f5 to clear browser cache.
How to disable browser cache on chrome:
https://www.technipages.com/google-chrome-how-to-completely-disable-cache

How to install CKeditor on MediaWiki

I've installed
-Wysiwyg 1.5.6_0 [B551+09.02.2017], CKEditor 4.5.9 (revision a35abfe),
from https://github.com/Mediawiki-wysiwyg/WYSIWYG-CKeditor#short-installation-instructions
unto my server whose versions are
http://mediawiki-22652-48932-215666.cloudwaysapps.com/index.php/Special:Version
I've followed the instructions by
uploading the WYSIWYG folder into the extensions
replaced WikiEditor/modules/ext.wikiEditor.toolbar.js in the appropriate folder
Made sure the Preferences are correct
added all code that starts with "#02.07.16-> ,#Enable WYSIWYG- extension, MW >= 1.25....." to my LocalSettings.php without any changes
checked the versions and found that it was installed
When i want to edit the page, i dont see the WYSIWYG, is there something wrong with the installation steps?

Have your custom theme exported in SemanticUI

Following documentation, I downloaded Semantic UI with:
npm install semantic-ui
then, I customised few variables per site, also few on element level, button for example.
This is all well, and I haven't had any problem changing those.
Then in theme.config file, I could specify:
#button: 'mytheme';
to pickup those custom style overrides
For my theme to be separate from Semantic UI core, I crated directory in the following path,
src/themes/mytheme
,and after running gulp build, I expected to have that mytheme exported over to dist/themes/mytheme along with basic and default which were already there. But that was not the case. So to be able to use my new button styles, I had to move manually newly generated button.css from dist/components after that gulp build task.
Am I doing this wrong? How to have all override files in one place like packaged theme? So I could then add <link> declaration after semantic.min.css to use my overrides.

Resources