How to enable wp_wcm_async theme module in WebSphere Portal 8.5 CF 06 theme? - websphere-portal

Recently, I have applied Fix Pack CF06 to my WebSphere Portal 8.5.
This fix pack provide new feature of asynchronously loading the content in Web Content Manager Portlet. For information Click Here
I have successfully completed step 1, skip step 2 because I don't want to change the loading mask. But I am not able to complete step 3, because I don't know how to enable wp_wcm_theme module in my customized theme. The wp_wcm_theme javascript object is always undefined for my Page.
I have also tried with applying Portal 8.5 Theme, but that also don't work. Any help would be highly appreciated.

To enable wp_wcm_async module in your theme. Open the themelist using WebDav or other client. Move into your theme folder -> profiles. In each and every profile or in the necessary profile add the "wp_wcm_async" inside "moduleIDs" json.
For example :
modeleIDs : {
"wp_theme_portal_85",
"wp_toolbar_host",
"some other modules",
"wp_wcm_async"
}
Save the file and restart the portal server, now you can access the wp_wcm_async theme module inside your theme which gives you access to wp_wcm_async global java script object.

Related

Symfony 4 / Webpack Encore - Recover and apply CSS style dynamically from the database

I am currently developing a Symfony 4 application for a client.
I obviously use Webpack Encore for asset management.
But I find myself exposed to a problem.
For the needs of the client it should be possible to override the global variables (color, rounding, etc.) of my default style by those defined in the admin interface.
And that's where I'm stuck. No worries to save in bdd the style defined by the client (json format) but to recover them and apply them to the application (build of assets + overload); I have no idea how to do it ...
Thank you in advance for your help
You will need to generate a css or sass file from the data in the database and then webpack encore will be able to manage it. You should trigger the update function on edit page save.
The database would then just be used to display the current status on the edit page, and css would effect the page.

Background Images Not Loading In Elementor

My website is not loading the background images on live version - it just shows the text and a grey screen.
I built the site using Elementor.
Here are the pages
(all service pages).
I compressed all images to about 100K so they shouldn't be too big to load. The one one the homepage is 99K and it loads.
Thanks
Looking at the page you linked the path to the background image you are trying to have show up has this path: http://localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg
You can solve it
Step 1 - Elementor -> Tools -> Replace URL -> http://localhost/ -> https://wwlandscaping.com -> Replace URL
Step 2 - Elementor -> Tools -> General -> Regenerate CSS -> Regenerate Files & Sync Library -> Sync Library
I had similar challenges getting Elementor background images to load on devices in local environments using Local WP with live link.
Here's how I solved for it. The Elementor Migration Guide was super helpful.
From the elementor migration guide:
Background images are saved in a CSS file which has an absolute URL.
To avoid migrating issues with the background images without having to
write a script, you can define the CSS Print Method to be inline
instead of using external files, if you want. This can be done by
going to Elementor > Settings > Advanced > CSS Print Method > Internal
Embedding> CSS print method: inline, on your WP dashboard.
Here's what got elementor background images working on local devices for me. I'm using Local WP with live links for device testing:
In your local environment set the local Elementor css print method
to "internal embedding" (Elementor > Settings > Advance)
Conduct a url rewrite (old environment URL to new environment URL)
Regenerate Elementor files (Elementor > Tools > General)
After I did this, in my local environment, my background images showed up in local devices. I then did a push to staging and prod (database included) to see if the background images were still visible and they were. Everything worked.
For production - Elementor cites performance enhancements when having Elementor's css print method set to "external".
If you want to do this on prod, after you're done with your device testing, follow these steps:
In your prod environment set the local Elementor css print method to "external file" (Elementor > Settings > Advance)
Conduct a url rewrite (old environment URL to new environment URL)
Regenerate Elementor files (Elementor > Tools > General)
I think this should solve the Elementor background image conundrum when developing sites locally and on devices. Please let me know if I'm wrong here.
Your images are still referencing localhost. for example http://localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg. I advise you to export your site using something like all in one wp migration, so that it fixes the links or find a way of fixing these image links.
Looking at the page you linked the path to the background image you are trying to have show up has this path: http://localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg You can see you are still referencing your localhost which is your internal webserver and not the one you are using now. If you remove the localhost domain it should work correct provided the image is in the correct path.
Step 1 - Elementor -> Tools -> Replace URL -> http://localhost/ -> https://wwlandscaping.com -> Replace URL
Step 2 - Elementor -> Tools -> General -> Regenerate CSS -> Regenerate Files & Sync Library -> Sync Library
Step 3 - go to page and click edit page from elementor. Select image background and remove image.
step 4 - click update.
step 5 - upload image again and click update.
Please try to replace your URLs. Log in to your Wordpress account on whichever server it is hosted.
On your Dashboard screen, navigate to Elementor -> Tools. In General tab, regenerate CSS files.
A simple workaround because the tools from Elementor didn't helped: connect via FTP to your website.
Go to the following folder: /wp-content/uploads/elementor/css
download them and search and replace the old background URLs
For me I had some CSS in another folder: /wp-content/uploads/ao_ccss
I changed the background URLs there and it fixed the problem.
Anyone who has this problem (on laptop) and is at the end of there wits.... check the background on android.....if the background shows then the issue is with breakpoints. For some reason settings for laptop/pc were not set. Only mobile/tablet were preset for me.enter image description here
This thread helped me find the issue I was having with background images not showing but in my case it was a permissions issue. Make sure that the /wp-content/uploads/elementor/css folder is writeable by the webserver.

Fix WindowsAzure is not defined in Ionic2 / Angular2 App

Have created an Ionic2 app based on the Ionic2 blank template. Using Visual Studio 2015 Update 2. Have setup Azure Mobile Services account to use as the backend. Have installed Azure Mobile Apps plugin (by doubling clicking config.xml and choosing Azure Mobile Apps and clicking install) /config.xml excerpt:
<plugin name="cordova-plugin-ms-azure-mobile-apps" version="2.0.0-beta4" />
Have installed azure-mobile-app.d.ts as described here: https://www.nuget.org/packages/azure-mobile-apps.TypeScript.DefinitelyTyped/. VS2015 intellisense considers code valid.
However, getting an error when trying to access the backend in chrome console: WindowsAzure is not defined.
client: WindowsAzure.MobileServiceClient;
...
client = new WindowsAzure.MobileServiceClient('removed url for security');
Code needs to be run after device ready. In Ionic2 you can see an example of device ready in app.ts:
constructor(platform: Platform) {
platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
StatusBar.styleDefault();
});
}
I mistakenly thought the home page constructor would fire after device ready but it does not.
The only way I have been able to get WindowsAzure.MobileServiceClient to work is by declaring a WindowsAzure variable in my provider and then manually include the script file MobileServices.Cordova.js as a script reference in index.html. It's less than ideal. There are some typing files out there for it but they aren't up to date any more.

DNN - Mange Icon not visible

I have deployed dnn6.2.6
After logging in as admin/host user - when am in any page ( that too in EDIT mode - dropdown ) am not able to see the MANAGE Icon. :(
Is there any value to be set or enable any setting , in-order to make this facility enable after installing ?
where am missing ?
Please suggest
Rigin
I would start by looking for any javascript errors on the page. It is likely something is throwing a JS error earlier on and killing the icons on modules later in the page.
Do you have a custom skin, or any custom modules being loaded on the page?
Does it function different for an Admin or Host account?
My issue was :
Site Mgmt > edit site setting <<=== more need to configure site here
&
Add module > add "HTML editor" Module to that Page
Rigin

Dotnetnuke Skin Issue

Hi Chris We using DotNetNuke 6.2.3 enterprise edition. In localhost all images i referred in skin file was came both login and Logout Period.I followed the following steps.1st I need to create one child portal. so i went Host-->SiteManagement-->Add New Site--> i choosed the child portal and also site title,description,keywords.I can able to create child site. After that i went Admin-->SiteWizard-->Blank Template-->Replace Content-->I choosed my installed skin and container in portal.And also I added HTML Modules. Both Skin and HTML Contains image tag.
Now I login as a superuser -->My content, Images ,Style properties everything came fine.
Once i logout skin file not loaded due to that page alignment collapsed. Next in chrome i went inspect element i am not able to open those images.If i login as a host i am able to see those files.
Can you please share one of the URLs to the images that aren't working?
Perhaps you have the permissions in your DNN file manager setup so that you have to be logged in to view all of the files in the folder. You can go to the file manager, click on a folder, and manager permissions from there.

Resources