PiwikMobile/CustomizePiwikMobile

Customize Piwik Mobile

Config

Open the file config.js within the Resources directory. You have the possiblity - among others - to:

  • Enable / disable logging and profiling
  • Enable debug Mode
  • Change Settings default values
  • Configure filter limit and so on
  • Enable / disable tracking
  • Change tracking settings (idsite, url of the Piwik instance, ...)

Look & Feel

You are able to change the look & feel of the app without changing any logic. You just need to edit the platform specific .jss files. These files are located under Resources/*.jss (Android) and under Resources/iphone/.jss (iOS). JSS is similar to CSS.

For more information about JSS, have a look here  Cross-platform layout using JSS

There is an ID- and/or CSS-selector for every widget we have in use. The name of the selector tells you which UI widget is used. For example #headerTitleLabel means says you can use all properties from the  UI-Label-Widget. The selector .liveOverviewTableViewRow says you can use all properties from the  UI-TableViewRow-Widget.

Example

#headerTitleLabel {
    height: '30dp';
    left: '10dp';
    top: '5dp';
    ellipsize: true;
    wordWrap: false;
    color: '#ffffff';
    minimumFontSize: '12dp';
    font-size: '21dp';
    font-family: 'Arial';
}