Jump to content


Photo

Mobile ListView with data custom design


  • Please log in to reply
42 replies to this topic

#1 mohammad

mohammad

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 690 posts
  • LocationKufur Kassem, Palestine

Posted 01 February 2017 - 11:00 AM

Online demo: http://5.189.151.122:8037/m

 

Project: http://3msoft.net/mh...nimlistview.rar

 

 

 

 

listview.png

 

 

listexp.png


  • 7

#2 lutongjin@126.com

lutongjin@126.com

    Member

  • Members
  • PipPip
  • 16 posts

Posted 04 February 2017 - 02:47 AM

Very good! Thank you very much


  • 0

#3 Schuiab

Schuiab

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 318 posts

Posted 07 February 2017 - 11:49 AM

thank you mohammad, this is really awesome and great way to learn

 

is it possible to replace a avatar.png with image from a database

 

Thank you


  • 0

#4 rasaliad

rasaliad

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 105 posts
  • LocationRepublica Dominicana

Posted 23 February 2017 - 01:26 AM

Thank you, a very good and productive example!!!!


  • 0

#5 dot me

dot me

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 20 March 2017 - 04:45 AM

thank you my friend


  • 0

#6 _Mehmet_

_Mehmet_

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 493 posts
  • LocationAntalya / Turkey

Posted 13 April 2017 - 12:28 PM

How do I change the color of the conditionally post?


  • 0

#7 mohammad

mohammad

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 690 posts
  • LocationKufur Kassem, Palestine

Posted 13 April 2017 - 01:17 PM

Sorry I don't understand.


  • 0

#8 Abaksoft

Abaksoft

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 492 posts
  • LocationAlgeria

Posted 13 April 2017 - 09:02 PM

Very nice Mohammed,
الف شكر
:)
  • 0

#9 _Mehmet_

_Mehmet_

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 493 posts
  • LocationAntalya / Turkey

Posted 14 April 2017 - 07:28 AM

I'm sorry my english is bad.

 

 

Attached Files


  • 0

#10 mohammad

mohammad

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 690 posts
  • LocationKufur Kassem, Palestine

Posted 14 April 2017 - 07:53 AM

Use function inside itemTpl:

config.itemTpl= new Ext.XTemplate(
    '<table class="lsttbl">'+
                 '<tr>'+                 
                  '<td class="lsttbl_title" style="width:100px;padding-bottom:10px;">שם מוצר:</td>'+
                  '<td class="lsttbl_info" style="color:#e91e63;padding-bottom:10px;">{3}</td>'+
                 '</tr>'+
                 '<tr>'+                  
                  '<td class="lsttbl_title" style="padding-bottom:10px;">כמות:</td>'+
                  '<td class="lsttbl_info" style="padding-bottom:10px;">{4}</td>'+
                 '</tr>'+
                 '<tr>'+                  
                  '<td class="lsttbl_title" style="padding-bottom:10px;">זמן:</td>'+
                  '<td class="lsttbl_info" style="padding-bottom:10px;">{5}</td>'+
                 '</tr>'+                                                                
                '</table>'+
                '<img src="files/images/ic_prdct{7}.png" style="position:absolute;left:20px;top:15px;"/>'+
                '{[this.getReady(values)]}',
    {
      getReady: function(values) {
            if(values[6]) return '<img src="files/images/ready.png" style="position:absolute;left:20px;top:20px;"/>';
            else return '';           
        }
    }
 );  

  • 0

#11 _Mehmet_

_Mehmet_

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 493 posts
  • LocationAntalya / Turkey

Posted 14 April 2017 - 08:02 AM

thanks mohammad .  i will try.


  • 0

#12 _Mehmet_

_Mehmet_

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 493 posts
  • LocationAntalya / Turkey

Posted 14 April 2017 - 12:07 PM

works perfect , thanks


  • 0

#13 _Mehmet_

_Mehmet_

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 493 posts
  • LocationAntalya / Turkey

Posted 14 April 2017 - 12:09 PM

Is it possible to make a list like in the picture?

Attached File  Adsız.png   8.28KB   8 downloads


  • 0

#14 mohammad

mohammad

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 690 posts
  • LocationKufur Kassem, Palestine

Posted 14 April 2017 - 01:30 PM

of course:

 

For two columns use this (add this to mainmodule css):

.list .x-list-item {
	display: inline-block;
	width: 50%;
} 

For 3 columns:

.list .x-list-item {
	display: inline-block;
	width: 33%;
} 

Just divide the 100% width to what you want, for 4 columns use 25% and so on.... 


  • 0

#15 Schuiab

Schuiab

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 318 posts

Posted 14 April 2017 - 01:36 PM

Brother Mohammad, ur totally awesome brother

 

i think you should write a beginners guide to UniGui

 

thank you for all your help in this forum :)


  • 0

#16 _Mehmet_

_Mehmet_

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 493 posts
  • LocationAntalya / Turkey

Posted 14 April 2017 - 01:46 PM

Mohammad is a great person.

thanks


  • 0

#17 mohammad

mohammad

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 690 posts
  • LocationKufur Kassem, Palestine

Posted 14 April 2017 - 02:18 PM

You all welcome.... ;)


  • 0

#18 _Mehmet_

_Mehmet_

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 493 posts
  • LocationAntalya / Turkey

Posted 14 April 2017 - 02:19 PM

Mainmodule has no css feature. i add server module CustomCSS.

.list .x-list-item {
    display: inline-block;
    width: 50%;
}

But there was no change.


  • 0

#19 mohammad

mohammad

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 690 posts
  • LocationKufur Kassem, Palestine

Posted 14 April 2017 - 03:11 PM

list is the 'cls' for your list.

config.cls='list'

  • 0

#20 _Mehmet_

_Mehmet_

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 493 posts
  • LocationAntalya / Turkey

Posted 14 April 2017 - 03:39 PM

thanks mohammad


  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users