Hi ,
I found that for all components which they are showing they have added inline style css which i need to just show or hide using
<div class="cssCommonClassforComponentId" style="display: none;">Component ID: text_6c72</div>
$(".cssCommonClassforComponentId").toggle();
1>But in touch ui when i hit the console(f12) in edit mode using the code $(".cssCommonClassforComponentId").toggle(); it does not work not sure what is wrong.
But when i inspect that element and again fire the code in console then it comes up. Strange but how could i solve this issue.
2>Also need inputs as how i create a clickable link in touch ui which can be captured using below
$(document).on("click", ".granite class name ", function(e) {
$(".cssCommonClassforComponentId").toggle();
});
I am not sure if the below will work:-
1. Open the touch UI dialog click on the dialog link that I am planning to create it should start showing the component id.
2.Close the dialog as the html content cannot be viewed when dialog is open and copy manually all fields i need in notepad.
3.Now again open the touch UI dialog and hit the link again so that it stops displaying the component ids.
Let me know if you think if there are any other possibility