Agentry Application. Put Image Label under the Image.

[Former Member]

Hi All

Agentry Application allows to create Embedded Image Control on the Screen with Text Label.

Is it possible to arrange an Image Label under the Image.

[Former Member · Accepted solution]

Sorry

Second screenshot is incorrect.

Image Field has a text property - Label.

where I can put description of the Image but it doesn't have properties to set a position for the Label.

[Former Member · Accepted solution]

Please create another field which will be type label. pass the position of the field just under the image.

[bill_froelich · Accepted solution]

As Mark and Ajitesh indicated, this is typically done by creating a second field and positioning it as desired.  That is what the product team does in this case.

--Bill

[Former Member · Accepted solution]

Hello

I created Field of Label type and put it under Image.

But I can't make it align in the Horizontal Center.

I created Centered Style and assign it to Field and Label Field Style,

but it doesn't help.

[Former Member · Accepted solution]

How many columns are on the screen?  Currently you are setting the field to column one.  if the screen has only 1 column, It is recommend to increase the amount.  Then you can have both the image and text on the same column, but have the row different.

[Former Member · Accepted solution]

I have 8 columns.

But even if I put label in an one column I want to center it inside the cell.

[bill_froelich · Accepted solution]

Have you tried applying a style to the field and setting the Text Alignment to Center?

--Bill

[Former Member · Accepted solution]

Hi Bill

I created WorkAround_CenterText Style

With Test Alignment-Horizontal = Center

You can see it on the ScreenShort in the firts message.

And Assign this style to "Field" and "Label" property of my String field.

The Alignment of String field is still Left.

[bill_froelich · Accepted solution]

The preview in the editor is not an exact representation of the real thing.  I tested using the WPF client and although the preview doesn't show the label as centered when run on the client it does center and display as desired.

--Bill

[Former Member · Accepted solution]

Yes, It works at runitme.

Thank you.

[mark_pe]

Konstantin,

Hi. What do you mean by an Image Label? Is it a picture or an actual text under the image?

For Agentry layout design, it is like designing a web page. You need to break the screen into your rows and columns.  You may try to see if you have an image in row 1, column 1 but the text image or image label at row 2, column 1.

|  Image1          | - row 1, column 1

---------------------

| image label    | - row 2, column 1

For more information on how to do this you may review:

1) How to add a logo in an Agentry screen - this will hopefully teach you how to create columns or rows on dividing the screen accordingly. The goal is to study your screen layout and divide them into areas where you want to put pictures and so forth.  This is similar to a web site design frame subject.

Design screens with a logo as a header with embedded buttons fully integrated - SAP Mobility - SCN W...

2) If you are an SAP ES customer you may study this video tutorial on designing a screen in addition to the link above.

https://service.education.sap.com/sap/bc/webdynpro/sap/zlso_esa_home?suser=I834256&hash=8571C450D446...

Best Regards,

SAP Mobile Support Team

[mark_pe]

Konstantin,

Just to add to my comments above - in SAP we have a product team (with UI designer) who is in charge of making screens pretty and they play with the editor column/row design (+ they actually create the picture to fit accordingly + masking certain colors) to make the screen seamless. If we compare this to your example picture, you will notice a slight difference in background color between your background color and your button icons. There are advance techniques you need to do here but it is all tied to if you are a UI designer or have access to products like Adobe Illustrator.

If you are an all in one designer (including a UI designer - with background in creating custom size icons in all the Adobe product lines - Illustrator, Photoshop, others - knows color matching) then you may need to play with merging columns and rows to fit your image + plus color merging.

The capabilities is in the Agentry editor (you can specify the size of the columns or based in on % percentage - column 3 is 40% of the screen or X characters - or color masking - I can't remember the details anymore - haven't done it in years). At best when I created the tutorial in the first link above, I did only a simple tutorial. I realized making a complex screen layout (lots of pictures/text with different sizes) is harder to do due to I need to have an exact image size based on how I want to design the screen.  So in our case, we just give it to the UI team to do all the work.

Regards,

Mark Pe
SAP Platinum Support Engineer