Hi Team, need assistance regarding the portal customization

Product Customize x Workflows
1

Need help in regarding this code.

for (var i=0;i").attr(“value”, bookingcom[i]).text(bookingcom[i]));
}

var ddldropdown = jQuery(“#helpdesk_ticket_custom_field_cf_ota_subtypes_2915051”);
ddldropdown.append(jQuery(“”).attr(“value”, bookingcom[i]).text(bookingcom[i]));

We are dynamically trying to add values in the drop down. When we select a dropdown another dropdown value get clear and added fro array.

"OTA having options “Booking.com, Trip.com”

When we select Booking.com Sub OTA Type dropdown should getting empty and filed with value like “A,B,C” and if select Trip.com on change again Sub OTA Type dropdown to get empty and fill with “E,F,G”.

Can we please assist us regarding the same.

Thank you!

2

Hello,

Where do you want to add this ? On service requests forms or on ticket form ?

advice : When you paste code, please use “preformatted text” button, and copy the entire functions so that we can try to understand what it does and what it shoudl.

Regards,

3

Hi Cyril

Below is what am trying to do
– Clear existing dropdown value
– Add new values based on arrays value

It seems that dropdown selection is getting cleared and changed with new values but their is a list / div attached with choices is not getting updated or clear

Before function “fillSubOTAType” is run

Type 
</label>


  

<div class="choices form-select" data-type="select-one" tabindex="0" role="listbox" aria-haspopup="true" aria-expanded="false"><div class="choices__inner"><select class="form-control choices section-field choices__input" id="helpdesk_ticket_custom_field_cf_type_2915051" name="helpdesk_ticket[custom_field][cf_type_2915051]" data-placeholder="" hidden="" tabindex="-1" data-choice="active"><option value="">Choose...</option></select><div class="choices__list choices__list--single"><div class="choices__item choices__placeholder choices__item--selectable" data-item="" data-id="1" data-value="" data-custom-properties="null" aria-selected="true">Choose...</div></div></div><div class="choices__list choices__list--dropdown" aria-expanded="false"><div class="choices__list" role="listbox"><div id="choices--helpdesk_ticket_custom_field_cf_type_2915051-item-choice-1" class="choices__item choices__item--choice helpdesk_ticket_custom_field_cf_type_2915051-is-selected choices__placeholder choices__item--selectable is-highlighted" role="option" data-choice="" data-id="1" data-value="" data-select-text="Press to select" data-choice-selectable="" aria-selected="true">Choose...</div><div id="choices--helpdesk_ticket_custom_field_cf_type_2915051-item-choice-2" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="2" data-value="Blank" data-select-text="Press to select" data-choice-selectable="">
        Blank
      </div></div></div></div>



<div class="invalid-feedback helpdesk_ticket_custom_field_cf_type_2915051"></div>

After i run the code below is what happens, it seems select options get update but choice list “choices__list choices__list–dropdown” is not getting cleared or updated

Type 
</label>


  

<div class="choices form-select" data-type="select-one" tabindex="0" role="listbox" aria-haspopup="true" aria-expanded="false"><div class="choices__inner"><select class="form-control choices section-field choices__input" id="helpdesk_ticket_custom_field_cf_type_2915051" name="helpdesk_ticket[custom_field][cf_type_2915051]" data-placeholder="" hidden="" tabindex="-1" data-choice="active"><option value="Rate Plan">Rate Plan</option><option value="Room Type">Room Type</option></select><div class="choices__list choices__list--single"><div class="choices__item choices__placeholder choices__item--selectable" data-item="" data-id="1" data-value="" data-custom-properties="null" aria-selected="true">Choose...</div></div></div><div class="choices__list choices__list--dropdown" aria-expanded="false"><div class="choices__list" role="listbox"><div id="choices--helpdesk_ticket_custom_field_cf_type_2915051-item-choice-1" class="choices__item choices__item--choice helpdesk_ticket_custom_field_cf_type_2915051-is-selected choices__placeholder choices__item--selectable is-highlighted" role="option" data-choice="" data-id="1" data-value="" data-select-text="Press to select" data-choice-selectable="" aria-selected="true">Choose...</div><div id="choices--helpdesk_ticket_custom_field_cf_type_2915051-item-choice-2" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="2" data-value="Blank" data-select-text="Press to select" data-choice-selectable="">
        Blank
      </div></div></div></div>



<div class="invalid-feedback helpdesk_ticket_custom_field_cf_type_2915051"></div>

Javascript

function fillSubOTAType(s)
{
var choicevalues = [“Rate Plan”,“Room Type”];

      	jQuery('#helpdesk_ticket_custom_field_cf_type_2915051').empty();

        for(var i =0; i<choicevalues.length;i++)
        {
          var newOption = new Option(choicevalues[i], choicevalues[i], false, false);
          jQuery('#helpdesk_ticket_custom_field_cf_type_2915051').append(newOption);
        }
        jQuery("#helpdesk_ticket_custom_field_cf_type_2915051").closest('.form-group').show();
  	}
4

let me know if this help understand the challenge and issue

5

Hello There,

couldn’t you use Sections for what you are trying to achieve?
So that each OTAType has one field inside its section, which contains only the subtypes.

Disadvantage of Sections would be, that each subtype is an extra custom field - So you can’t do statistics on subtype overall.

Best
Tom

6

Hi

Section does allow me to create sub section as this is dropdown is alreayd in section.

Also i used dependency field but it allows only 3 level my requirement is 5 level that is why am adding one 2 more dropdown which will populate data dynamically else will end up creating 10 different drop and hide / show them based on selection.

Example

Dropdown
A
– A1
---- A1.1
------- A1.1.1
---- A1.2
------- A1.2.1
------------- A1.2.1.2

7

Hey @vikaskadakia

thank you for your clarifications - That makes things a bit trickier.

Whiche portal theme do you use? If already the new one, you could make use of end user apps.

If you wanna keep going with portal code - Where is this function called from?
Or asked differently - You know that it runs properly when changing the top dropdown?

And another question - Are the subtypes you set (“Rate Plan”,“Room Type”) part of the original dropdown options? Or are these new ones?

Best
Tom

8

Am using the default portal theme.

(“Rate Plan”,“Room Type”) are in javascript array which will be dynamically loaded in the type dropdown based on selected dropdown value different dropdown value.

9

And “Rate Plan” and “Room Type” are part of the configured set of options for that custom field?

10

No they are array fields not part of standard dropdown values

11

I guess they need.
Because if you haven’t configured the options in Freshdesk, ticket creation will fail.
Maybe that is also the reason, that it does not allow you to set extra dropdown values.

So everything you want to see in all these dropdowns need to be configured in Freshdesk ticket fields first.
And if the dropdown is already preloaded with those values first, you only need to filter those out, which you want to remove.

12

So do i take it that this a limitation of freshdesk and am left with no option other than creating 30 dropdowns and work on hiding / showing them.

Unfortunately in this case JQuery does not sever any purpose with customisation.

13

Hey Vikas,

nope, that is not the message I wanted to transfer.

Maybe I recap my understanding of your issue:
You have a 3-level dependent field where you want to put 2 levels more.
These 2 sublevels should also be dropdown fields and their content depends on the third level of the dependent field (or content of sublevel 4 is depending on level 3 and sublevel 5 is depending on level 4).

I hope that was summed up correctly.

If it was, I’d create either one other dependent field with 2 levels (which then are level 4 and level 5).
Or I’d create two new independent dropdowns level 4 and level 5 if another dependent field does not work for you.

In the Freshdesk ticket fields editor you would have to configure ALL dropdown options for level 4 and level 5.
And with JScript portal customization you then could react on the change of level 3, remove unwanted options and allow/enable level 4 dropdown (as it should be deactivated until a level 3 item is chosen).

Hope that was a bit clearer.

Best
Tom

14

Thanks and got it have to leave with multiple dropdown in all this case