Diptox's Forum Posts

  • kmsravindra

    I added a propertie "Text Align" You can set it to *** Left|Center|Right ***

    and i added propertie "CSS" you can add padding to your button , because , when you align the text button right , the text will be so close to the right border , for this exemple just write "padding-right:5px;" in CSS propertie , it will add a 5 pixels space between your text and the right border , same thing for other directions

    "padding-right:5px;"

    "padding-left:5px;"

    "padding-top:5px;"

    "padding-bottom:5px;"

    hope it's ok now , and let me know if you want some other changes

  • All

    Please update the plugin to the last Version

  • nichekeys

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

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

  • 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 "hsmouadh@gmail.com" , i will reply at max 5 - 6 hours

  • kmsravindra

    Yea sure , will add those functions by this night ,i am in the university now :p

  • Try Construct 3

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

    Try Now Construct 3 users don't see these ads
  • hmott

    Send me a screenshot on "hsmouadh@gmail.com" , will try to help you

  • AndreasR

    You can share it , No probleme , but it must be free

    All

    A real big bug , was fixed try the new version

  • You are welcome (y)

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

    Download Link : https://www.dropbox.com/sh/efq61n3whboblce/AADXSpVjyeBjKLkAEXB0KdSza?dl=0

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

    Hey guys , i had many times a probleme to find Button's design or exactly Theme , so i decied to create a little plugin that Have multiple FlatUi Theme A -> G

    Functionality

    It works as a normal Button (The Standart one of Scirra) but I just added a function to change the Button Design that is loaded from a .css external File , i used the FlatUi Jquery Mobile css file https://github.com/ququplay/jquery-mobile-flat-ui-theme

    How to Use and Preview

    in Propreties :

    Theme : Select your Theme From A to G or set it To Default (The Standard Webbrowser Button's Theme) "Icons wont work with the Default Theme"

    Icon:Select you Icon of 50 Icons or set it to none if you don't want Icon in the Button

    Icon Position : Set Your Icon's position , Default is Left "If there is no text in the Icon please set it to Without Text"

    Just choose your Theme in the Theme Proprite as in the Image below

    http://img11.hostingpics.net/pics/499711testFlatUi.png

    and here is the Preview

    http://img11.hostingpics.net/pics/771843previewFlatui.png

    List of Icons :

    http://demos.jquerymobile.com/1.4.5/icons/

    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

    Update

    ***************** V1.1 *****************

      Added : 50 Icons Added : Icons Position Changed : the button balise changed -> Input to Button

    ***************** V1.2 *****************

    Bug Fix

    ***************** V1.3 *****************

    Added : Round Corners Yes/No "Set if the button Corners are rounded or not"

    ***************** V1.4 *****************

    Added : Condition IsEnabled Return true when the Button is Enabled

    Added : Condition IsVisible Return true when the Button is Visible

    Added : Propriete "Text Align" Left|Center|Right This one was added For kmsravindra

    Added : Propriete "CSS" Write some CSS , Use it to add padding to your button

    Important !!!!!!!!!!!!!!

    Again If there is no text in the Button please select *Without Text* in Icon Position

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