Jump to content

mhmda

uniGUI Subscriber
  • Posts

    1141
  • Joined

  • Last visited

  • Days Won

    157

Posts posted by mhmda

  1. Well the exact answer is 'Web Application' and here some of what we built using unigui:

     

    - Accounting system - for SOHO.

    - Cellular Billing & CRM system -  for enterprise companies. 

    - Internal fraud detection system - for enterprise companies.

    - Website management system - Articles, adds...

    - Web advertising system (using js - no flash).

    - Tours operators and travel agencies Back Office system - SOHO and Enterprise (still under development).

    • Upvote 1
  2. Hello,

     

    Here is another widget that I have created, you can use it in ungui app:

     

    bar.png

     

    code:

    $('#divBar').ProgressBar({
      position:89,
      devide:5,
      title:'250 GB',
      caption:'Free',
      icon:'images/cpuu.png',
      bgcolor:'#f7f6f6',
      clrborder:'#d2d0d0',
      clrstart:'#72c926',
      clrend: '#87de38',
      tfntcolor:'#acacac',
      cfntcolor:'#fcb34d',
      animate:true
    });
    

    Online test: http://80.179.68.220:8083

     

    Download project: http://3msoft.net/mhmd/ProgressBar.rar

    • Like 1
    • Upvote 3
  3. Try this:

    .custom-grid .x-panel-body-default
    {
     background-color: #e5e5e5 !important; 
    }
    
    .custom-grid .x-box-inner
    {
     background-color: #666666 !important;
    }
    .custom-grid .x-grid-cell { 
        background-color: #e5e5e5; 
        border-bottom-color: #c2c2c2;      
        border-left-color: #e5e5e5;
        color: #333333; 
        height:32px;
        vertical-align:middle;
        font-size:12px !important;
    }
    .custom-grid .x-grid-with-col-lines .x-grid-cell {
       border-right-width: 0px !important;
    }
     
     
    .custom-grid .x-grid-row-over .x-grid-cell { 
        background-color: #dad9d9;     
    } 
      
    .custom-grid .x-grid-row-selected .x-grid-cell { 
        background-color: #cbcbcb !important; 
        border-bottom-style: solid !important; 
        border-top-style: solid !important;  
        border-bottom-color: #c2c2c2;      
        border-left-color: #e5e5e5;    
    }
    
    .custom-grid .x-column-header-inner{    
        background-color: #666666 !important;
        color:#fff !important; 
        font-size:12px !important; 
        height:32px !important; 
        padding-top:9px;                                   
    }
    
    .custom-grid .x-column-header-over{  
        background-image:none !important;  
        background-color: #817e7e !important;                                  
    }
    
    .custom-grid .x-column-header
    {
     border-right: 0px; !important;
    }
    
    

    Result looks like this:

     

    grid.png

  4. Hello to all,

     

    [Edit]: code/project was improved and uploaded.

     

    Here is a jQuery widget with animation and fully customized and fully responsive that I have written recently:

     

    Works excellent when resizing the browser window !

     

     

    crcl.png

     

    Code:

    $('#newTasks').circleProgress({
      title:'15',
      caption:'New tasks',
      bgcolor:'#e1dddd',
      fgcolor:'#54c0fd',
      tfntcolor:'#54c0fd',
      cfntcolor:'#b0aeae',
      animationstep:1,
      rotateanimationstep:0.4,
      total:100,
      value:30,
      mstyle:0,
      thik:25,
      shadow:1
    });
    

    You may test is online (for limited time): http://80.179.68.220:8076

     

    You can download project from here [port: 8076]: http://3msoft.net/mhmd/CircleProgress.rar

    • Like 1
    • Upvote 7
  5. Hi,

     

    You can use 1x1 px (semi/full transparent) png image, I had test it and it works fine:

    .trnsprnt
    {
     background-image: url("http://3msoft.net/trns.png") !important;
     background-color: rgba(0, 0, 0, 0) !important
    }
    

    And on a panel or frame use (clientside events):

    function added(sender, container, pos, eOpts)
    {
      sender.addBodyCls('trnsprnt');
    }
    

    If you want to change transparent % just change the .png transparent.

     

    I hope this help you...

  6. Hi,

     

    ExtEvents:

    function added(sender, container, pos, eOpts)
    {
      sender.addCls('bntLogin');
    }
    

    CSS (servermodule):

    .bntLogin
    {
     background:#1892d1 !important;
     color:#fff !important;
     -webkit-transition: background 0.5s ease-in-out;
     transition: background 0.5s ease-in-out;
    }
    .bntLogin:hover
    {
     background:#828282 !important;
     -webkit-transition: background 0.5s ease-in-out;
     transition: background 0.5s ease-in-out;
    }
    

    Hope this will help you...

    • Like 3
    • Upvote 1
  7. Hi,

     

    I have used unichart and the speed was OK.

     

    If you complain about speed please specify the point where it's slow, I mean the slow maybe come from server side because there is a lot of data manipulation to do, or the respond time is extremely slow, or the drawing of the series is slow (client side).

     

    When you know problem exactly then you can deal with it, I guess that the problem is with the data manipulation I mean it's very important to build the database (tables and fields) in the correct way (primary key and indexes- this is very important).

     

    Once we had a problem of executing a queries in MySQL the action took a long time (about 3 hours) - I talk here about 800,000 records per day, and after that we change the definition of the indexes in our tables and we managed to reduce the time to 27 minutes !!

    • Upvote 1
×
×
  • Create New...