Re: Container title

Fri, 09 Jan 2009 10:23:18 -0800

Karthi - you have to actually have enough content in the scrollable area to produce a scrollbar for it to appear -- hence the "auto" value for "overflow".
I have updated your file to to reflect what produces a scrollbar as well as included a screenshot. This should get you going. 


On Jan 9, 2009, at 12:10 PM
<?xml version="1.0" encoding="UTF-8" ?>

<Module>

<ModulePrefs title="karthi" height="300">

<Require feature="settitle"/>

</ModulePrefs>

<Content type="html">

<![CDATA[

<DIV style="height : 150px; overflow:auto">
    <INPUT TYPE="button" NAME="button" Value="Change Title" onClick="changeTitle(this.form)">

    <a href="http://www.yahoo.com";>
        <b><i>Hello Yahoo</i></b>
    </a>
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
    This is Gadget2
</DIV>
 ]]> 

 </Content>

 </Module>


, karthi keyan wrote:


Matthew, if I try the below code, the scroll bar is not appearing.  
Here is my exact code:


<![CDATA[
<script type="text/javascript">
    function changeTitle(form) {
 var title='karthi';
      gadgets.window.setTitle(title);
 alert('hi');
    }
    </script>
<DIV style="height: 150px; overflow: auto;">

<INPUT TYPE="button" NAME="button" Value="Change Title"  
onClick="changeTitle(this.form)">

<a href="http://www.yahoo.com";>

<b><i>Hello Yahoo</i></b>
       </a>
This is Gadget2
</DIV>
 ]]>

Thanks,
Karthi



----- Original Message ----
From: Matthew Russell <[email protected]>
To: [email protected]
Sent: Friday, January 9, 2009 12:53:49 PM
Subject: Re: Container title

Karthi - Did you try something like this for your CDATA section?


<![CDATA[

<script type="text/javascript">
    function changeTitle(form) {
    var title='karthi';
      gadgets.window.setTitle(title);
    alert('hi');
    }
</script>

<DIV style="height: 150px; overflow: auto;">


    <INPUT TYPE="button" NAME="button" Value="Change Title"  
onClick="changeTitle(this.form)">


    <a href="http://www.yahoo.com";>
        <b><i>Hello Yahoo</i></b>
    </a>

</DIV>
]]>

On Jan 9, 2009, at 11:44 AM, karthi keyan wrote:


Thank you matthew. Attached is one of my sample file.


I tried and it is partially working :) I may be wrong. Anyways  
attached is my file. Once you click the "Hello yahoo" link inside  
the gadget it will display a page. Here we need to be able to  
scroll it inside the gadget. Thanks in advance.


Thanks,
Karthi



----- Original Message ----
From: Matthew Russell <[email protected]>
To: [email protected]
Sent: Friday, January 9, 2009 12:20:06 PM
Subject: Re: Container title

Karthi -

Your existing code from below


      <div id="gadget-chrome-2" style="width: 200px; height:  
200px;overflow:auto;"></div>



is html in the gadget *container* -- which is what the iframe gets  
built inside of. This is not where you provide the style. You have  
to take your actual gadget's XML file and make the outermost div  
(for example) in the CDATA section in there have the style property  
for overflow because the stuff in your gadget's xml file is what  
gets built inside of that iframe. Make sense?



Try that and if it doesn't work, send back your gadget's XML file,  
and I will help.




On Jan 9, 2009, at 11:13 AM, karthi keyan wrote:


Thanks for the inputs dave. I will try. Can you please tell me  
exactly in which line of code I should specify overflow:auto ? to  
scroll inside the gadget iframe. or what changes should I do with  
this existing code ?


Thanks,
Karthi



----- Original Message ----
From: "Citron, David" <[email protected]>
To: [email protected]
Sent: Friday, January 9, 2009 12:04:16 PM
Subject: RE: Container title

Karthi,


Your gadget *contents* (the gadget itself, the stuff rendered  
*inside* the iframe) needs to be contained in a div with style  
overflow:auto. The chrome is part of the container. You want  
scrolling inside the gadget iframe.



If you use Firefox, you can install the excellent Firebug  
extension (http://getfirebug.com/ and https://addons.mozilla.org/en-US/firefox/addon/1843) 
 to really see what's happening on your page.



You can also right-click inside your gadget and click on "This  
Frame->Show Only This Frame" in Firefox to see what's being  
rendered for your gadget independent of the container.


-Dave

-----Original Message-----
From: karthi keyan [mailto:[email protected]]
Sent: Friday, January 09, 2009 11:32 AM
To: [email protected]
Subject: Re: Container title

Hi,


I have already tried all these and whatever dave mentioned. But it  
didn't worked for me. The scroll bars just appear for the div area  
and not for our gadget container. So we couldn't scroll down the  
contents !  Here are some of my code segments. Please look in to  
this and let me know if there is anything wrong.


my.LayoutManager = function() {
  gadgets.LayoutManager.call(this);
};
my.LayoutManager.inherits(gadgets.LayoutManager);
my.LayoutManager.prototype.getGadgetChrome = function(gadget) {
  var chromeId = 'gadget-chrome-' + gadget.id;
  return chromeId ? document.getElementById(chromeId) : null;
};
my.init = function() {
  gadgets.container.layoutManager = new my.LayoutManager();
};
my.renderGadgets = function() {
  for (var i = 0; i < my.gadgetSpecUrls.length; ++i) {
    var gadget = gadgets.container.createGadget(

        {specUrl: my.gadgetSpecUrls[i], title: my.titles[i],width: 
200});

    gadget.setServerBase("http://shindig/gadgets/";);
    gadgets.container.addGadget(gadget);
    gadgets.container.renderGadget(gadget);
  }
};



        <div id="gadget-chrome-2" style="width: 200px; height:  
200px;overflow:auto;"></div>


Is there any other way to enable scrolls ?

Thanks,
Karthi


----- Original Message ----
From: Matthew Russell <[email protected]>
To: [email protected]
Sent: Friday, January 9, 2009 10:30:43 AM
Subject: Re: Container title

Karthi -


You should be able to set a fixed size on a containing element  
(like the outermost one, for example) in the gadget's HTML and  
then style the node with "overflow:auto;".


So, something like

<div style="height: 300px; overflow:auto">
Lots of content
</div>

Or something of the sort


On Jan 9, 2009, at 9:06 AM, karthi keyan wrote:


Is there any way that we can enable the scroll bar of the  
gadgets ? My content is bit more and it is hidden because of its  
smaller size. I am trying to enable the scroll bars. Can anyone  
please shed some light on this ? Thanks in Advance.


Thanks,
Karthi



----- Original Message ----
From: "Citron, David" <[email protected]>
To: [email protected]
Sent: Thursday, January 8, 2009 1:25:58 PM
Subject: RE: Container title


It's bizarre that the standard method of setting the title is not  
working for you. Did you try restarting Shindig/clearing your  
browser cache after making your change just to make sure it's not  
a caching issue?



As for your other question, the chrome around the gadget is  
controlled by the container--the implementer of the gadget can't  
do much about it besides set the title, height, etc. if  
supported. The gadget only controls the iframe in which it lives.



If you write your own container you can put whatever you want in  
the title bar (see iGoogle/Orkut for a different look). Those  
links that you see in the sample container are created by the  
example gadgets.IfrGadget.prototype.getTitleBarContent() function  
in javascript/container/gadgets.js


Thanks,
Dave

-----Original Message-----
From: karthi keyan [mailto:[email protected]]
Sent: Thursday, January 08, 2009 1:05 PM
To: [email protected]
Subject: Re: Container title

Thanks matthew & dave.


Yay ! passing the title to the object of params worked for me.  
Thank you so much matthew !



I tried nocache=1 along with the property file changes which dave  
mentioned. But it didn't worked ! I don't know why.



BTW, there are two links "settings" and "toggle" just nearby the  
title. I want to get rid of these. where should I make these  
changes ? Any ideas ?


Thanks,
Karthi



----- Original Message ----
From: Matthew Russell <[email protected]>
To: [email protected]
Sent: Thursday, January 8, 2009 12:37:41 PM
Subject: Re: Container title


Hmm. I just verified that gadgets.window.setTitle seems to be  
working fine with the latest code I checked out a day or two ago.  
Maybe you are experiencing a caching problem of some kind? Have  
you tried adding nocache=1 into your url and all that? (My layout  
manager inherits directly from gadgets.LayoutManager similar to  
the sample code.)



On Jan 8, 2009, at 11:24 AM, karthi keyan wrote:


Thanks for your reply dave. I exactly tried the below. It didn't  
throw me any error. But the title didn't appeared instead title  
was displayed as "title". I don't know what is wrong ? should I  
include any files ?



I am just using the sample container page as template and I  
build other gadgets with that. Please let me know if I am wrong  
in any place.


Thanks,
Karthi



----- Original Message ----
From: "Citron, David" <[email protected]>
To: [email protected]
Sent: Thursday, January 8, 2009 12:16:52 PM
Subject: RE: Container title

Was this one of the things you tried?

<Module>
  <ModulePrefs title="Put your title here">
  ...

To support dynamic title modification, you can then add:

    <Require feature="settitle"/>
  </ModulePrefs>

and then in JavaScript, do:

  gadgets.window.setTitle("Some other title");

assuming that the container supports it.

What else did you try?
-Dave

-----Original Message-----
From: karthi keyan [mailto:[email protected]]
Sent: Thursday, January 08, 2009 12:14 PM
To: [email protected]
Subject: Container title

Hi,


I need to set the title to my gadget. I tried a lot and nothing  
worked for me. Can anyone please help me ? Thanks in Advance.


Thanks,
Karthi














<yahoo.xml>






























					Reply via email to