ASP.net Web Hosting

 

 

 

 

 

 

 

Content2

...consectetuer adipiscing elit.
Articles
Mar 24

Written by: James
3/24/2013 9:44 AM 

While our customers absolutely love the new SalesLogix Mobile 2.0 interface we often get requests to display data in a more horizontal layout to maximize a little more the screen space...

So here's and example of how we've accomplished that.

The customer wanted to see related data from their accounting system but wanted their Accounts Receivables summary to be a little more compact and easy to see.

To accomplish this we did the following:

  1. Added some additional styles to a custom.css stylesheet in our custom mobile folder.
     

    div.table-layout-header

    {

     

     

    display: table;

     

     

    width: 99.5%;/* vertical-align: middle; */

     

     

     

    linear,

    left top,

    left bottom,

    color-stop(0, #e6e6e6),

    color-stop(1, #cccccc)

    )

     

     

    border-top: 1px solid transparent;*/

    background-color: #e6e6e6;background-image: linear-gradient(top, #e6e6e6, #cccccc);background-image: -webkit-gradient(;background-image: -moz-linear-gradient(top, #e6e6e6, #cccccc);/*border-bottom: 1px solid black;

     

     

     

     

    }

    border: 1px solid #000;box-shadow: rgba(0,0,0,0.5) 0px 2px 3px;-moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 3px;-webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 3px;

    div.table-layout-header

    > div

    {

     

     

     

    }

    display: table-cell;vertical-align: middle;text-align: center;
  2. Added a new Simplate specifically for the Accounts Receivable data
  3. Added the custom section to the Account Detail view using the the new template

 

Tags:
 
Company BLogs
   
 
Search
 
 
 
 
 
Copyright 2011 by CCOM Solutions Privacy Statement | Terms Of Use