[PLUGIN] Listview + 11 THEME + Sorting ** Update V1.5 **

Post your completed addons to share with the community

Post » Fri Feb 06, 2015 10:59 am

If you like the PLUGIN , a little help is always welcome! Donate


Download Link : https://www.dropbox.com/sh/mlti9l4p4bn7yde/AAA2e79UsoR-F9G5_HPJvlDRa?dl=0
Other HMMG Plugins : https://www.dropbox.com/sh/eyld20nrw3ersuy/AABNz84T_KdQGoYjHFsj2Y-8a?dl=0



Hey , so here is my new Plugin , i made it for a job , but i want to share it with you

Functionality
Create a Listview it's like "Advanced List" , where you can , add/remove Rows , Sort Columuns, Select a row etc.....

How to install :

Copy/Paste the Folder in the zip file to your plugin's directory
Close and re-open Construct 2 if it's opened

How to Use and Preview

Explication & Preview : http://img4.hostingpics.net/pics/709519explication.jpg
New ******* Themes Preview :

for all explication we want a listview like this :


Image



************** Properties **************


Header : Add Titles for each Column Exemple : "Id:LastName:First Name:Salary"
Items : Add Multiple Rows and Columns Ex: "0:Hsoumi:Mouadh:2500;1:Guillermo:Wilkerson:3924" etc....
**** ; to Separate Rows
**** : to Separate Columns

Colomun Width : Set Columns Width Exemple (listview width = 700) :
in % (percent)
"20%:30%:30%:20%" -----> that means first Colomun will 20% width , seconde one 30% width , etc....
Or in px(pixels)
"100px:200px:200px:200px" -----> that means first Colomun will 100px width , seconde one 200px width , etc....

Initial visibility : Set if Visible or No
Header CSS : Add CSS to the header Exemple : "background-color:Yellow;color:Black;font-size:15px;"
Rows CSS : Same as 'Header CSS' but for Rows CSS
Cells CSS : Same as 'Cells CSS' but for Rows CSS
Horizontal Alignement : Set text Horizontal alignement in each Cell (Left/Center/Right)
VerticalAlignement : Set text vertical alignement in each Cell (Top/Center/Bottom)
Show Grid : Show/Hide Grid
Show Sorter : Show/Hide Sorter Icons , you can hide sorter but Enabled sorting , you can sort columns even Sorter icon is hidden
Sorter Alignement : Set Sorter Icon alignement (Left/Center/Right)
Fixed Header : When there is multiple Rows and the Scroll bar is enabled , When scrolling Down , if "Fixed Header"=Yes so the Body will scroll but the Header will stay at his place , Else if "Fixed Header"=No , it will scroll with the Body
Allow Sort : Allow Sorting or no , if "Allow Sort"=No , Sort Icon will be removed
Theme : Select your Listview Theme


************** Conditions **************

On selection changed : Trigger when you select another Row
On clicked : Trigger when the listview is clicked
On double-clicked : Trigger when the listview is double-clicked
On mouse over : Trigger when Mouse is over the Listview


************** Actions **************

Set selected index : Set the zero-based Row index to be selected
Set visible : Set Listview to Visible or Invisible
Set focused : Focus on Listview
Set unfocused : Unfocused Listview
Add Row : Append a new Row to the listview Exemple "0:Hsoumi:Mouadh:2500"
Add Row at : Append a new Row to the listview at a specific Index Exemple "0:Hsoumi:Mouadh:2500"
Remove At : Remove a Row at a specific Index
Clear : Remove all rows



************** Expressions **************

RowsCount : The number of rows in the listview
SelectedRowIndex : The zero-based index of the currently selected Row
SelectedCellIndex : The zero-based index of the currently clicked cell
SubTextSelectedRow : The subText of the currently selected Row
exemple (selected Index is where Id = 0 , so first name is Mouadh) :
Listview.SubTextAt(indexOfTheColumn)
Listview.SubTextSelectedRow(2) -> will return "Mouadh" , 2 is the zero-based index of the Column First Name

SubTextAt : The subText of the specific Row Exemple :
Listview.SubTextAt(indexOfTheRow , indexOfTheColumn)
Listview.SubTextSelectedRow(4,1) -> will return "Emily" , Row index ,1 is the zero-based index of the Column Last Name


***************** V1.1 *****************
Added : 11 Different Theme "Dropbox , Grey , Bootstap Themes dont have Sort icons but you still can sort without them"
Added : On mouse over Condition , Trigger when Mouse is over the Listview
Many Bugs fixed

***************** V1.2 *****************
Added : Properties Show Scroll , "Auto|Yes|No" , Default is Auto .
- Auto : Show scroll when rows overflows the listview's content area
- Yes : Always show scroll
- No : Never show scroll even rows overflows the listview's content area
Change : If no text in Propertie Header , <tbody> element will not be create

***************** V1.3 *****************
Added : Action Change Row CSS At
Added : Action Change Cell CSS At
Added : Action Add Value at Row "You can add unlimited values to a row"
Added: Expression "getValueOfKeyAt" to Get stored value of specific key at a specific row.
Preview V1.3 -> Image

Test Commande V1.3 -> Image

***************** V1.5 *****************
Added : Action FilterBy
Added : Properties Selected Row Background Color example "red" "#ff0000" "rgb(255,0,0)
Added : Properties Selected Row Text Color example "red" "#ff0000" "rgb(255,0,0)
Added : Properties Hover Row Background Color example "red" "#ff0000" "rgb(255,0,0)
Added : Properties Hover Row Text Color example "red" "#ff0000" "rgb(255,0,0)


If you like the PLUGIN , a little help is always welcome! Donate
hope it's gonna be usefull for others

If any one have a probleme with the PLUGIN email me "[email protected]" , i will reply at max 5 - 6 hours
Last edited by hmmg on Mon Apr 10, 2017 7:11 pm, edited 10 times in total.
B
28
S
9
G
9
Posts: 294
Reputation: 7,064

Post » Sat Feb 07, 2015 1:57 pm

I can not found link for download version 1.2
B
15
S
3
G
4
Posts: 27
Reputation: 2,819

Post » Sat Feb 07, 2015 7:58 pm

Good job , clean & usefull :)
B
13
S
3
G
2
Posts: 49
Reputation: 1,675

Post » Sat Feb 07, 2015 8:06 pm

@nichekeys
download the last version : https://www.dropbox.com/sh/mlti9l4p4bn7 ... vlDRa?dl=0

there is Only V1.0 and V1.1 for now
Last edited by hmmg on Fri Mar 06, 2015 11:51 am, edited 1 time in total.
B
28
S
9
G
9
Posts: 294
Reputation: 7,064

Post » Fri Mar 06, 2015 9:00 am

nice work.
is it posssible to put headers top each other, like this
___
___
___

(not like this __ ___ ___)
B
7
S
1
Posts: 16
Reputation: 561

Post » Fri Mar 06, 2015 11:45 am

Hey , unfortunatly it's not possible but you can trick it as this

in items you can write smthng like this :
<h3>header1</h3>:text:text:text;
<h3>header2</h3>:text:text:text;
<h3>header3</h3>:text:text:text;
<h3>header4</h3>:text:text:text;
<h3>header5</h3>:text:text:text;
<h3>header6</h3>:text:text:text;
<h3>header7</h3>:text:text:text;
<h3>header8</h3>:text:text:text;


h3 is a header balise , that will change that cell's fonts so it will appears as a non-normal cell


Live Demo
Download Capx
B
28
S
9
G
9
Posts: 294
Reputation: 7,064

Post » Sat Mar 07, 2015 7:50 pm

Thx
B
7
S
1
Posts: 16
Reputation: 561

Post » Sun Mar 08, 2015 11:26 pm

You're welcome :D
B
28
S
9
G
9
Posts: 294
Reputation: 7,064

Post » Sun Mar 29, 2015 11:48 am

thanks for sharing!
"If you want to move a mountain tomorrow, you should start by lifting stones today."
B
62
S
14
G
2
Posts: 286
Reputation: 6,576

Post » Tue Mar 31, 2015 3:21 am

You are welcome :D
B
28
S
9
G
9
Posts: 294
Reputation: 7,064

Next

Return to Completed Addons

Who is online

Users browsing this forum: No registered users and 2 guests