Custom Branding for application - cumulocity

I am having trouble with branding the application in cumulocity.
I tried to test branding by cloning the cockpit app to use our Branding.
If i see in the manage application window i am not able to customize the branding/logo. I don't see the option to customize the branding Although i removed the cumulocity branding plugin from the app now I only see the name of my application as the logo.
In the plugins window i saw only cumulocity branding, nothing for custom branding. Can you please correct me if i missed something?

Here is how I would do it. Clone or download the cumulocity-ui-plugin-examples from the cumulocity repository then:
Go to plugins folder
Find myBranding folder
Now go to the img folder and changes the logo-main.svg and logo.svg for your desire logos. Also, you can check the colors.less file in the variables folder and change the colors of your application UI.
Now go to the main folder (where you download the repository) and run c8y deploy:plugin myBranding. This command create a .zip file of the plugin.
Next, go the administration app in Cumulocity , find the app your cloned and click on edit, then go to the plugins tab. There you can find the list of the plugins that your app is using.
Find the Branding: Cumulocity plugin and click on remove like .
Next, in the same menu, click on add plugin.
Look on your computer for the .zip file you create on the 4 step and load it.
Click on save.
Open your app.
Note: If you haven't installed the c8y tool and assuming you have installed nodejs , just run npm i cumulocity-tools -g to get the tool. See this great documentation for more info.
You can find a documentation related to this in: branding guide.
Hope this helps!

Related

How to integrate an external app into IntelliJ plugin?

I want to build an Android Studio plugin (IntelliJ plugin) which can open an external app by pressing the button. The external app is developed by myself and is quite small. I hope to integrate it to the IntelliJ plugin so users only need to install the plugin instead of installing the app explicitly.
So is it possible for me to package the app into the plugin? I have tried putting the .app file under the resources folder but I don't know how to open the app programmatically. Or is there any other way to achieve my purpose?

Flutter Path setup issue in mac

I download flutter in my download folder. Then I follow the each step which required to setup the flutter path in mac. But my problem is that when I close terminal each time it need to setup the path. I mean the path is not permanently set up. My Question is that-
Is there any problem if I keep the flutter into the downloads directory?
flutter setup guide literally says
This command sets your PATH variable for the current terminal window only.
Did you follow also this guide ?
Keeping flutter in downloads folder should not be problem. Better practise is to move it to USERNAME/Developer/flutter

How to add an app icon to a react-native project without using any npm packages or 3rd party libraries? Is it even possible to do so?

I am trying to add an app icon to a react-native application and am not able to do so also could hardly find anything about this in the documentation or any other sources which I am able to implement successfully.
Got this one working by using react-native-icon Package but is there Something like a single command to get icons configured into the respective folders when they are created using react-native eject command.
The app icons are controlled from the native side of the project.
You can set them up from Xcode or Android Studio fairly easily.
Perhaps take a look at Xcode 9 - Add an App Store icon and Set icon for Android application
use android asset studio
drag and drop your icon and change filters if you like and then download it.
Unzip it and then replace your res icon folder with this one
indepth tut tutorial

How to test an unreleased version of the app using branch.io?

So i want to test an unreleased version of the app for deferred deep links. How do i do it? As the changes made will not be there in the app i download from the play store after redirecting.
Alex from Branch.io here: this is pretty easy to do! On your Branch dashboard under Settings -> Link Settings -> Android, select Custom URL, and put in the information requested.
Alternatively, you can delete the app from your phone, open the link, install a side-loaded build of the app (directly from Android Studio), and then manually launch the app. You'll still be deep linked to the correct place.

How to automatically reload changes HTML/CSS after "Run on Worklight Dev Server"?

I have a hybrid Worklight app and every time I change the HTML code I have to delete the app from Admin Console, Clean from Eclipse, clear Chrome browsing data and redeploy.
How can I automatically make WL reload the HTML changes every time I redeploy a WL environment (no more remove from Console or Clean from Eclipse)?
My first response is: huh?
You are totally not supposed to do this...
Starting Worklight 6.1, after a change in any of an application's web resources (HTML, JS, CSS, images, ...), after the initial deployment of the app (Run As > Run on Worklight Development Server) you no longer even need to re-build the app.
When you preview the app via Worklight Console, all you need to do is to refresh the browser window. That's it.
You most definitely should not delete the app from Worklight Console or "Clean from Eclipse".
That said, if you are talking about previewing the "Common web resources" option in Worklight Console, what you may want to do (hopefully as a one-time action) is to:
Close Eclipse
Locate your temp folder (Windows, OS X)
Delete the wlBuildResources folder (optionally wlPreview folder as well)
Open Eclipse
Re-build
Should work.
Now that that's fixed you can click the Go/Refresh Button of the simulator to utilize the "instant preview" feature during development.