Skip to main content
Version: V12

How to Show, Hide or Rearrange VIDIZMO Widgets

VIDIZMO Widgets allow you to customize and control the look and feel of your portal. Widgets add or remove content and features on your Portal Homepage and Category Homepage, helping users navigate and access insights directly from these pages.

Prerequisites​

  • Belong to a group with Portal Management feature enabled, or have a CAL that grants this permission.
  • Maintain a backup of original widget code before making changes. Errors in code snippets may distort the UI or affect portal features.

Access Theme Editor​

  1. Select the menu icon in the top left corner to open the navigation pane.
  2. Expand the Admin section.
  3. Select Portal Settings.
  4. Go to Branding > Theme Editor.

The Theme Editor contains four widget sections:

  • Account Homepage: Widgets for the Portal Homepage
  • Category Homepage: Widgets for Category pages
  • Sidebar Navigation: Widgets for the sidebar navigation menu
  • Topbar Navigation: Widget for the portal logo in the top navigation bar

Widget Parameters Reference​

ComponentParameterDescription
sortTypeDESCSort content in descending order
ASCSort content in ascending order
isGlobalTRUEDisplay content from all portals
FALSEDisplay content from current portal only
showOnChannelLibraryTRUEDisplay content available in Portal Library
FALSEDo not display content from Portal Library
isFeaturedTRUEDisplay featured content
FALSEDo not display featured content
orderByWeightOrder by ranking in featured content
UpdatedDateOrder by content update date
PopularityOrder by content popularity
TotalViewedOrder by total views
show-in-flat-viewTRUEDisplay content in a carousel
FALSEDo not display content in a carousel

Account Homepage Widgets​

Homepage Banner​

Displays an image under the Navigation Menu. See How to design Homepage and Library Header for banner upload.

<div class="row">
   <div class="slctrChannelHeader">
      <vdz-account-header template-type="AccountHomePageHeader"> </vdz-account-header>
   </div>
</div>

Displays featured media prominently on the homepage.

<div class="ibox float-e-margins">
   <div class="no-padding">
      <vdz-mashups-featured
         mashup-search-criteria='{"sortType":"DESC","pageIndex":0,"pageSize":36,"mashupSearchParts":["BasicInfo","Participation","Stats","UserStats","Tracking"],"isGlobal":true,"showOnChannelLibrary":true,"isFeatured":true,"orderBy":"Weight"}'
         replace-mashups="false"> </vdz-mashups-featured>
   </div>
</div>

Most Recent Media​

Displays recently uploaded media on the homepage.

<div class="ibox float-e-margins no-margins slider-height">
   <div class="ibox-content no-padding bg-muted">
      <vdz-mashups-most heading="MashupsMostMostRecent" id="mashupsMost-MostRecentHeadingBtn"
         mashup-search-criteria='{"sortType":"DESC","pageIndex":0,"pageSize":18,"mashupSearchParts":["BasicInfo","Participation","Stats","UserStats","Tracking"],"isGlobal":true,"showOnChannelLibrary":true,"orderBy":"UpdatedDate"}'
         replace-mashups="false" page-size-md="3"> </vdz-mashups-most>
   </div>
</div>

Displays the most popular media on the homepage.

<div class="ibox float-e-margins no-margins slider-height">
   <div class="ibox-content no-padding bg-muted">
      <vdz-mashups-most heading="MashupsMostMostPopular" id="mashupsMost-MostPopularHeadingBtn"
         mashup-search-criteria='{"sortType":"DESC","pageIndex":0,"pageSize":18,"mashupSearchParts":["BasicInfo","Participation","Stats","UserStats","Tracking"],"isGlobal":true,"showOnChannelLibrary":true,"orderBy":"Popularity"}'
         replace-mashups="false" page-size-md="3"> </vdz-mashups-most>
   </div>
</div>

NOTE: Most Popular Media ranking is based on the sum of likes, ratings, favorites, and comments.

Most Viewed Media​

Displays the most viewed media on the homepage.

<div class="ibox float-e-margins no-margins slider-height">
   <div class="ibox-content no-padding bg-muted">
      <vdz-mashups-most heading="MashupsMostMostViewed" id="mashupsMost-MostViewedHeadingBtn"
         mashup-search-criteria='{"sortType":"DESC","pageIndex":0,"pageSize":18,"mashupSearchParts":["BasicInfo","Participation","Stats","UserStats","Tracking"],"isGlobal":true,"showOnChannelLibrary":true,"orderBy":"TotalViewed"}'
         replace-mashups="false" page-size-md="3"></vdz-mashups-most>
   </div>
</div>

Displays featured portals on the homepage.

<ng-container>
   <vdz-featured-channel heading="FeaturedPortalsFeaturedChannel"
      tenant-search-criteria='{"isGlobal":true,"isFeatured":true,"pageIndex":0,"pageSize":15000,"orderBy":"Weight","sortType":"ASC","tenantSearchPart":["BasicInfo","TenantDetailInfo","ChannelStats"]}'>
   </vdz-featured-channel>
</ng-container>

Tag Clouds​

Displays the most used enterprise tags on the homepage.

<vdz-enterprise-tag-cloud-filter></vdz-enterprise-tag-cloud-filter>

Displays featured categories on the homepage.

<div class="ibox float-e-margins no-margins">
   <vdz-category-most is-featured="true" page-size-md="4" parent-category="" show-in-flat-view="false">
   </vdz-category-most>
</div>

Category Homepage Widgets​

Category Info and Banner​

Displays category information and branding. See Understanding Categories for more details.

<vdz-category-info category-id="##categoryId##"></vdz-category-info>

Displays featured content in a carousel on Category pages.

<div class="ibox float-e-margins">
   <div class="no-padding">
      <vdz-mashups-featured
         data-mashup-search-criteria='{"sortType":"DESC","pageIndex":0,"pageSize":36,"mashupSearchParts":["BasicInfo","Participation","Stats","UserStats","Tracking"],"isGlobal":true,"showOnChannelLibrary":true,"isFeatured":true,"orderBy":"Weight"}'
         replace-mashups="false">
      </vdz-mashups-featured>
   </div>
</div>
<div class="ibox float-e-margins">
   <div class="no-padding">
      <vdz-mashups-featured
         data-mashup-search-criteria='{"sortType":"DESC","pageIndex":0,"pageSize":36,"mashupSearchParts":["BasicInfo","Participation","Stats","UserStats","Tracking"],"isGlobal":true,"showOnChannelLibrary":true,"isFeatured":true,"orderBy":"Weight"}'
         replace-mashups="false">
      </vdz-mashups-featured>
   </div>
</div>

Most Recent Media in Category Homepage​

<div class="ibox float-e-margins no-margins slider-height">
   <div class="ibox-content no-padding bg-muted">
      <vdz-mashups-most heading="MashupsMostMostRecent" id="mashupsMost-MostRecentHeadingBtn"
         data-mashup-search-criteria='{"sortType":"DESC","pageIndex":0,"pageSize":18,"mashupSearchParts":["BasicInfo","Participation","Stats","UserStats","Tracking"],"isGlobal":true,"showOnChannelLibrary":true,"orderBy":"UpdatedDate"}'
         replace-mashups="false" page-size-md="3">
      </vdz-mashups-most>
   </div>
</div>
<div class="ibox float-e-margins no-margins slider-height">
   <div class="ibox-content no-padding bg-muted">
      <vdz-mashups-most heading="MashupsMostMostPopular" id="mashupsMost-MostPopularHeadingBtn"
         data-mashup-search-criteria='{"sortType":"DESC","pageIndex":0,"pageSize":18,"mashupSearchParts":["BasicInfo","Participation","Stats","UserStats","Tracking"],"isGlobal":true,"showOnChannelLibrary":true,"orderBy":"Popularity"}'
         replace-mashups="false" page-size-md="3">
      </vdz-mashups-most>
   </div>
</div>

Most Viewed Media in Category Homepage​

<div class="ibox float-e-margins no-margins slider-height">
   <div class="ibox-content no-padding bg-muted">
      <vdz-mashups-most heading="MashupsMostMostViewed" id="mashupsMost-MostViewedHeadingBtn"
         data-mashup-search-criteria='{"sortType":"DESC","pageIndex":0,"pageSize":18,"mashupSearchParts":["BasicInfo","Participation","Stats","UserStats","Tracking"],"isGlobal":true,"showOnChannelLibrary":true,"orderBy":"TotalViewed"}'
         replace-mashups="false" page-size-md="3">
      </vdz-mashups-most>
   </div>
</div>

Displays all media in thumb-view, list-view, or detail-view with faceted navigation.

<vdz-mashup-thumb-view
   action-menu-items='{ "showLikeAction": "true", "showReportAction" : "true", "showFavoriteAction" : "true" }'
   heading="Collection"
   data-mashup-search-criteria='{"sortType":"DESC","pageIndex":0,"pageSize":18,"mashupSearchParts":["BasicInfo","Participation","Stats","UserStats","Tracking"],"mashupFormats":["collection"],"isGlobal":true,"showOnChannelLibrary":true,"orderBy":"UpdatedDate"}'
   show-description="false">
</vdz-mashup-thumb-view>

Controls visibility of sidebar menu components. Replace true with false to hide specific options.

<vdz-side-bar-nav show-home-option="true" show-portal-logo="true" show-portal-name="true" show-all-portals-option="true"
   show-about-us-option="true" show-contact-us-option="true" show-privacy-policy-option="true"
   show-download-desktop-app-option="true"></vdz-side-bar-nav>

Topbar Navigation​

Displays the portal logo in the top navigation bar.

<vdz-top-bar-nav show-portal-logo="true">
</vdz-top-bar-nav>

Hide or Rearrange Widgets​

Hide a Widget​

Comment out the widget code using HTML comments:

<!--Example of code which is not commented-->
<vdz-enterprise-tag-cloud-filter> </vdz-enterprise-tag-cloud-filter>
<!--Example of commented code-->
<!--<vdz-enterprise-tag-cloud-filter></vdz-enterprise-tag-cloud-filter>-->

Rearrange Widgets​

Widget position is determined by code placement in the Theme Editor.

  1. Copy the widget code you want to move.
  2. Comment out the original code.
  3. Paste the copied code at the desired position.
  4. Select Preview to verify changes.
  5. Select Update & Save.

NOTE: Always preview changes before selecting Update & Save.

Did you find this article helpful?