How to add a video as a catalog Item

davidngu972
Tera Contributor

I added a video to "System UI> Videos" and want to create an item catalog with the video. How do I do so? 

1 ACCEPTED SOLUTION

Follow these steps - 

Go to the script include table and search for HTMLSanitizerConfig find_real_file.png

find_real_file.png

Open the script - after line 15 copy and paste these lines of code - just like the picture below

  embed:{attribute:["src","type","allowfullscreen","allowscriptacces","plugnspage"]},
    object:{attribute:["classid","codebase"]},
    param:{attribute:["name","value"]}

find_real_file.png

after that, you need to set and attribute to false-

you first have to right-click the description in the catalog item to open the context menu -

find_real_file.png

click on "configure Dictionary"

on the bottom of that new page, there is a tab called attributes - you should see a new option - click itfind_real_file.png

now make sure it looks like the picture - once it does click save

find_real_file.png

now type in sys_properties.list in the navigation menu search bar - 

find_real_file.png

now search for this property - "glide.ui.html.editor.extended_valid_elements" property

keep searching it doesnt always popup so try glide.ui.html and look or it on the list -

find_real_file.png

 

open it and add this to the value section and save

a[onclick|href|target|rel|media|hreflang|type|charset|name|rev|shape|coords|download|id|accesskey|class|dir|lang|style|tabindex|title]

find_real_file.png

 

now go back to the catalog item and insert the video back in. and it should work 

find_real_file.png

View solution in original post

10 REPLIES 10

find_real_file.png

 find_real_file.png

i inserted above video and followed your steps.. but Result is below

find_real_file.png

 

find_real_file.png

 

find_real_file.png

 

i followed your steps exactly as per screenshot , but i don't know why it is not working for me,

Can you help me?

Script Include:

var HTMLSanitizerConfig = Class.create();
HTMLSanitizerConfig.prototype = {
	initialize: function() {
	},
	
HTML_WHITELIST : {
  globalAttributes: {
    attribute:[],
    attributeValuePattern:{}
  },
	embed:{attribute:["src","type","allowfullscreen","allowscriptacces","plugnspage"]},
    object:{attribute:["classid","codebase"]},
    param:{attribute:["name","value"]}

},
	
	HTML_BLACKLIST : {
		globalAttributes: {},
	},
	
	getWhiteList : function() {
		return this.HTML_WHITELIST;
	},
	
	getBlackList : function() {
		return this.HTML_BLACKLIST;
	},
	
	type: 'HTMLSanitizerConfig'
};

 

system property:

a[onclick|href|target|rel|media|hreflang|type|charset|name|rev|shape|coords|download|id|accesskey|class|dir|lang|style|tabindex|title]

find_real_file.png

 

 Catalog item: description

find_real_file.png