Reduce the size of table column heading

[Former Member]

Hi,

My table column header is "My Header Text" but i dont want it two be displayed in one line. Just want to display the header

text in two lines.

"My

Header Text".

Is this possible?

Thanks

Anjana

[Former Member · Accepted solution]

Hi Anjana,

I am able to see the images in the header when i tired to attach it to the header text.

i did:

- Copy a file "BtnNext.gif" into the project directory src\mimes\Components\(choose your component) - Copy here.

- In the view layout, select the Table UI and select the "Header" then set the property "imageSource" to "BtnNext.gif"

No coding or no context element binding is required if this header image is constant.

If you want to make a dynamic change of images in the header go for the context element binding to the imageSource property.

Hope you get it.

Thanks & Regards,

Kiran Chennapai

[Former Member · Accepted solution]

HI all,

Thanks a lot for your valuable suggestions. I am able to see the image now.

I created a folder inside src-images-component-<com.mycomponentpackage.mycomponentname>

then pasted the images as .JPG in that

gave the exact same name .JPG in image source.

Once again, Thanks a lot.....

Have awarded points to all helpful answers too!!!

Regards

Anjana

[Former Member]

Hi,

When you deploy the application the image is not getting displayed. Right click in the image in the browser and select the properties. You will get the path of the image from the Address section. Now check if image is placed at the right place or not.

thanks & regards,

Manoj

[former_member485701]

Hi,

Click on the header UI Element in the column of table and go to it's properties.

Put the value of imagesource as "a.bmp".

Make sure that you have copied a.bmp under src->mimes->componentsname-><componentfolder.>

Regards,

Praveen

[Former Member]

Hi,

I have copied my .bmp file to the src-mimes-component.

And gave the image source for the header.

But its giving me a red cross.

Regards

Anjana

[former_member485701]

Hi anjana,

Go to imagesource property of header and click on browse and then click on component image.

If you did not saved your file with .png extension it will not show it.

then show all . files and select "a.bmp".

And rebuild your application, create new archive and deploy.

some time it is only build problem.

Feel free to ask.

Regards,

Praveen

[Former Member]

Hi Anjana

Image name is CASE SENSITIVE,so give the exact name as the file name

Ex: India.jpg, mention image source property as India.jpg,but not india.jpg

I think it will support only JPG,GIF,PNG extension files. try the above one first,if that is not successful then try to change your file into JPG and do the same process

Best Regards

Chaitanya.A

[Former Member]

Hi,

I changed the image type to .PNG

Still its not showing in the context if i click on the browse button for image source.

I went to the Navigator, opened up the images-component and copied the .PNG file there before.

How can I get this image displayed properly?

Thanks

Anjana

[former_member485701]

Hi,

when you click on browse button- then you go to component image and select (double click ) the image file. It will automatically come there. save it

Now rebuild and deploy.

Regards,

Praveen

[Former Member]

HI Anjana

By copying the image file into your components folder will not create a context automatically.you need to create the context on your own. but,for your scenario there is no need of context, you can directly type your image name in the imageSource Property. ex a.PNG , no need of binding any context attribute.

If you still want to use the context to show the image try the following procedure.

Copy your image into "project/src/mimes/components/<packagename>"

1) Create a Context in a view in which you are using Table Header

2) Value Node

Name : Image

Cardidality : 1..1

3) create 2 Value Attributes

3)a ImageAlt (Calculate property - true)

3)b ImageSrc (Calculate property - true)

4)Bind the properties of Table Header

alt - Image.ImageAlt

source - Image.ImageSrc

5) in getImageSrc()

{

//according to your condition use your image

retrun "a.PNG"

}

6) in getImageAlt()

{

return "Image Not Available"

}

Best Regards

Chaitanya.A

[Former Member]

Hi Chaitanya,

I followed the exact same steps.

But its not showing up the image.

Where do v have to set the contect value attribute with the images?

Regards

Anjana

[Former Member]

Hi Anjana,

U jus type the image exact name in image source.. u no need to bind from context or anything else.

Type the image name like image.gif lik this.. Give exact name bcs its case sensitive..

GS

[Former Member]

Hi Anjana

Please check the path where you are storing the image,

exact path should be

<your project>\src\mimes\Components\<your componet>\a.PNG

Best Regards

Chaitanya.A

[Former Member]

Hi,

You can specify the width of the Column. Try setting it in pixels so that it comes that way. It can be done that way.

Let me know if it works.

Regards,

Gita

[Former Member]

Hi Anjana,

I dont think its possible to have two lines in the header text.

But, you can try this using an image(which contain 2-lines of text) instead of text.

Just give maintain the image source property for the header text and try it out.

Regards,

Kiran Chennapai

[Former Member]

Hi Kiran,

I am trying your method. Created a .bmp file and copied it to the mies folder.

Now how can I attach this to the table header.

Will be great if you can guide me.

Thanks

Anjana