It's all about the answers!

Ask a question

Adding images to the Theme - Web UI


Joseph Simon Arokiaraj (21414845) | asked Mar 28 '12, 12:17 p.m.
How are you doing?

Have you guys got any hint for this link https://jazz.net/forums/viewtopic.php?t=7065?

I like to add a gif image logo and create a new theme for RTC. We are using RTC 3.0.1.

Banners and texts are apearing, but still I am not able to see the logo.

Could you please take a look at the below code and update your valuable suggestions?

Cheers,
Jose

Javascript code:

dojo.require("jazz.util.theming");

(function() {

/*
* Aliases
*/

/*
* Class
*/

dojo.declare("jazz.theme.AboveBannerWidget",
, {

// Properties //----------------------------------------------------------->

// ------------------------------------------------------------------------>

/*
* Templates
*/
templatePath: jazz.util.theming.themeFileUrl("templates/ThemeWidget.html"),

/*
* @param Object args
*
* @return AboveBannerWidget
*/
constructor: function(args) {
this._label = "HELLO WORLD";
this._imagePath = jazz.util.theming.themeFileUrl("templates/visa.gif");
},

/*
* @param void
*
* @return void
* @overrides super
*/
postCreate: function() {

this.inherited(arguments);

// Instance Variables //----------------------------------------------->

// Initialization //--------------------------------------------------->

this._initButton();

},

/*
* @param void
*
* @return void
*/
_initButton: function() {
var buttonElement = document.createElement("button");
buttonElement.type = "button";
buttonElement.innerHTML = "HELLO";
buttonElement.onclick=function() {alert("OnClick");} ;
this._buttonSite.appendChild(buttonElement);


},

One answer



permanent link
David Boyer (812) | answered Mar 30 '12, 9:25 a.m.
FORUM MODERATOR / JAZZ DEVELOPER
How are you doing?

Have you guys got any hint for this link https://jazz.net/forums/viewtopic.php?t=7065?

I like to add a gif image logo and create a new theme for RTC. We are using RTC 3.0.1.

Banners and texts are apearing, but still I am not able to see the logo.

Could you please take a look at the below code and update your valuable suggestions?

Cheers,
Jose

Javascript code:

dojo.require("jazz.util.theming");

(function() {

/*
* Aliases
*/

/*
* Class
*/

dojo.declare("jazz.theme.AboveBannerWidget",
, {

// Properties //----------------------------------------------------------->

// ------------------------------------------------------------------------>

/*
* Templates
*/
templatePath: jazz.util.theming.themeFileUrl("templates/ThemeWidget.html"),

/*
* @param Object args
*
* @return AboveBannerWidget
*/
constructor: function(args) {
this._label = "HELLO WORLD";
this._imagePath = jazz.util.theming.themeFileUrl("templates/visa.gif");
},

/*
* @param void
*
* @return void
* @overrides super
*/
postCreate: function() {

this.inherited(arguments);

// Instance Variables //----------------------------------------------->

// Initialization //--------------------------------------------------->

this._initButton();

},

/*
* @param void
*
* @return void
*/
_initButton: function() {
var buttonElement = document.createElement("button");
buttonElement.type = "button";
buttonElement.innerHTML = "HELLO";
buttonElement.onclick=function() {alert("OnClick");} ;
this._buttonSite.appendChild(buttonElement);


},


Per our conversation.

my recommendation was that you add an image tag otherwise you aren't pulling it in the image

Also, the syntax is <img> Please carefully check the syntax. If it's not working, look up some basic HTML syntax online. This is a syntax issue you're dealing with.

Your answer


Register or to post your answer.


Dashboards and work items are no longer publicly available, so some links may be invalid. We now provide similar information through other means. Learn more here.