It's all about the answers!

Ask a question

Adding images to the Theme - Web UI


Joseph Simon Arokiaraj (21414745) | 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.