Page 1 of 1

unable to drop an image on a panel.

Posted: Fri Mar 15, 2013 10:15 pm
by Manish Shah

I am following exact steps shown lesson #2 video to build a twitter search app. But I am not able to drop an image on a panel. I have tested on chrome and safari but no success. I am using a mac. Any tips on how to drop an image on a panel?


unable to drop an image on a panel.

Posted: Fri Mar 15, 2013 10:43 pm
by Manish Shah

I was able to use a grid instead of a panel. I noticed that the tutorial under documentation was using a grid instead of a panel. That worked. Thanks. Loving the app so far.


unable to drop an image on a panel.

Posted: Mon Mar 25, 2013 8:46 pm
by Ed Jones5461080

I'm also unable to add an image to a panel via editing the html.

All I wanted to do was center the image and give it a white background.


unable to drop an image on a panel.

Posted: Mon Mar 25, 2013 9:17 pm
by Kateryna Grynko

Hi Ed,

You can add the following CSS to center the image:codeimg[dsid=mobileimage_3] {
margin-left: auto;
margin-right: auto;
display: block;
}/codereplace mobileimage_3 with the component name.

What is the HTML code that you're adding to Panel?


unable to drop an image on a panel.

Posted: Tue Mar 26, 2013 12:06 pm
by Ed Jones5461080

I had just tried to create a div and put the image that was already on the page into it:
precode
<div class="header">
<img class="mobileImage mobileimage1" src="files&#47;views&#47;assets&#47;image&#47;app_logo&#46;png"
id="j_5" dsid="mobileimage_8" name="mobileimage_8" &#47;>
<&#47;div>
/code/pre


unable to drop an image on a panel.

Posted: Tue Mar 26, 2013 1:02 pm
by Maryna Brodina

Hello! In your code you have incorrect path to image. You can use

codeTiggzi&#46;getImagePath('page_logo');/code to return correct image URL - http://docs.tiggzi.com/javascript-api...

To add image to Panel component you would need to change Panel type to div.