0 Favourites

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

  • 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 :

    ************** 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 ->

    Test Commande V1.3 ->

    ***************** 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 "hsmouadhgmail.com" , i will reply at max 5 - 6 hours

  • I can not found link for download version 1.2

  • Good job , clean & usefull

  • nichekeys

    download the last version :

    there is Only V1.0 and V1.1 for now

  • nice work.

    is it posssible to put headers top each other, like this

    ___

    ___

    ___

    (not like this __ ___ ___)

  • 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

  • You're welcome

  • thanks for sharing!

  • Construct 3

    Buy Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Buy Now Construct 3 users don't see these ads
  • You are welcome

  • This is great!!!!thanks a lot~

    here is my wish list <3 <3 <3

    1:support image

    2:Set value for every Row,and get value by expressions

    3:set CSS/sorter/Grid/Theme...etc by action

  • hey , i am planning to make a new update to this plugin i will add your wishlist .

    but for the "Support Image" it does that , just import the picture to your project then , add an Item with this text <img src='picture_name.extension' height='90' width='90' /> height and width are optional

    check this little tutorial

    Action :

    Preview :

  • Hello

    I love you plugin

    but it is possible to change the background color of a selected row ?

    (because now, we don't see the difference between selected and non selected rows)

  • hey guys sorry for my late answer , my computer screen was broken , i did buy one from UK , and it's arrives 2 hours ago

    check the new Version V1.3 and the preview on the First Post

    fongka2

    so i did add an action to store values at a specific row on a specific key "You can add unlimited values with different keys" check the First Post i did add a preview for this commande

    armaldio

    Mon pote check la nouvelle version , maintenant tu peux changer le CSS de n'importe quelle Ligne dans ta Listview et tu peux meme changer le Css d'une cellule specifique dans une ligne specifique j'éspere que tu trouveras ton bonheur

    Translation

    Hey check the new version , now You can change the CSS of any Row in your Listview and you can even change the CSS of a specific cell in a specific Row

  • ca mache suer bien, t'est génial

    Works perfectly, you're awesome

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)