Im using Pentaho User Console 8.2 to design a dashboard. At editing CDE file components, they have the proper id and I work fine with them using jquery like var button = ('#buttonColId') for interaction and manipulation. But, when opening dashboard in browser, button does not work because it's Id now is like DashboardCDEReport_alias1_buttonColId so I have to change all javascript to use now:

var button = ('#DashboardCDEReport_alias1_buttonColId') otherwise it wont work. My question is, why is dashboard being rendered with diferent Ids at browser outside pentaho? What is producing the "NameOfDashboard_alias1_" before html ids?