1. Home
  2. Docs
  3. Developer Guide
  4. Theme construction
  5. User

User

Steps to follow for the construction of a theme for the user

 

    • Create a directory with the name of the new theme, this should be in: /usr/local/cwpsrv/var/services/users/cwp_theme/NEWTHEME/
    • Within the directory of the new topic, it is recommended that it comply with the following structure:
      • NEWTHEME/
        • css/
        • img/
        • js/
        • index.html
        • mod_NAME_MODULE.html
  • Where

All the Html files receive by the values of the following variables

      • mod = Is an array of module values
      • langmod = It is an array with the values of the language files
      • users = The name of the user running.

 

Example of a template file:

 

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>{{langmod.LGLLABEL1}}</title>
      <link href="{{url}}/css/bootstrap.min.css" rel="stylesheet">
      <link href="{{url}}/font-awesome/css/font-awesome.css" rel="stylesheet">
      <link href="{{url}}/css/plugins/iCheck/custom.css" rel="stylesheet">
      <!-- Toastr style -->
      <link href="{{url}}/css/plugins/toastr/toastr.min.css" rel="stylesheet">
      <!-- Gritter -->
      <link href="{{url}}/js/plugins/gritter/jquery.gritter.css" rel="stylesheet">
      <link href="{{url}}/css/animate.css" rel="stylesheet">
      <link href="{{url}}/css/style.css" rel="stylesheet">
      <link rel="icon" href="{{url}}/img/ico/favicon.ico" type="image/png">
   </head>
<body class="gray-bg">
<div class="login" id="login">
  <h1>
     {{langmod.LGLLABEL2}}
  </h1>
</div>
</body>
</html>
Was this article helpful to you? Yes 25 No 20