2. PHPRunner General questions
  3. [SOLVED]  ddSlick
This topic is locked
[SOLVED]

 ddSlick

 		8/1/2020 6:35:48 PM
PHPRunner General questions
aadham author

Hi All
Has anyone been able to successfully implement the ddSlick jQuery plugin in a PHPRunner project?

If so, I'd very much appreciate a working example.
Many thanks in advance.

Ayman
J
 		John 8/24/2020

Yes, it worked in both v9.8 (Build 31882) and v10.4 (Build 35571) using https://cdn.rawgit.c....ddslick.min.js
John
aadham author 8/25/2020



Yes, it worked in both v9.8 (Build 31882) and v10.4 (Build 35571) using https://cdn.rawgit.c....ddslick.min.js
John


Thank you, John.

Would you please explain how it's done with PHPRunner?
Myr0n 8/30/2020

It's a straightforward process

**Step 1**

Go to Editor

Select Footer

Click on HTML Mode

copy and paste next code

<script src = "https://cdn.rawgit.com/prashantchaudhary/ddslick/master/jquery.ddslick.min.js"; ></script>





Step 2

Find out the name of your dropdown box, in my case my dropdown box name is value_ActivateNewRegistration_1**

**

Step 3

Go to_Events section

select OnPageLoad of your table where is your dropdown box

copy and paste next code

_do not forget to change your dropdown box name.

$('#value_ActivateNewRegistration_1').ddslick({ });
aadham author 8/31/2020



It's a straightforward process

**Step 1**

Go to Editor

Select Footer

Click on HTML Mode

copy and paste next code

<script src = "https://cdn.rawgit.com/prashantchaudhary/ddslick/master/jquery.ddslick.min.js"; ></script>





Step 2

Find out the name of your dropdown box, in my case my dropdown box name is value_ActivateNewRegistration_1**

**

Step 3

Go to_Events section

select OnPageLoad of your table where is your dropdown box

copy and paste next code

_do not forget to change your dropdown box name.

$('#value_ActivateNewRegistration_1').ddslick({ });



Hi Myr0n

I very much appreciate your detailed response.
I've done the steps but, due to the fact that I'm not a developer and my extremely limited knowledge in JS, couldn't figure out how to add the icons, as in the developer's example

var ddData = [

{

text: "Facebook",

value: 1,

selected: false,

description: "Description with Facebook",

imageSrc: "https://asprunner.com/forums/file.php?topicimage=1&fieldname=reply&id=92419&image=1&table=forumreplies";

}

];


Would it be possible to show me how that can be done?
Many thanks in advance
Myr0n 8/31/2020

In this case in the step 3
Instead of



$('#value_ActivateNewRegistration_1').ddslick({

});



you need to add ddData inside the brackets like the code below, adding that line of code you are telling to ddslickto use the json structure that is inside of the variable ddData.



$('#value_ActivateNewRegistration_1').ddslick({

data: ddData

});


You need to take in consideration that the data inside of ddDatamatch with your database values.
aadham author 8/31/2020



In this case in the step 3
Instead of



$('#value_ActivateNewRegistration_1').ddslick({

});



you need to add ddData inside the brackets like the code below, adding that line of code you are telling to ddslickto use the json structure that is inside of the variable ddData.



$('#value_ActivateNewRegistration_1').ddslick({

data: ddData

});


You need to take in consideration that the data inside of ddDatamatch with your database values.


Hi Myr0n
Once again, thank you for taking the time to respond to my question.
I've managed to successfully implement it in a test page using the above method.
It would be wonderful if it gets incorporated into PHPRunner as a plugin in the future to support using option values from a database.
Have a nice day.
Myr0n 8/31/2020

If you think that your question is been answer, please mark this thread as SOLVED please.