How to align UI elements

Hi...am new to UI design ,so am facing some probs with UI alignment..according to my requirement i have to align as...
                                                                                XYZ Corporation
           Web Soltioun Layout
                                                       //these two come into a box..
Search ur Result lxzvlxvlxz
                           Incedent no //input box// button
and aslo i have to place a rectandulat box at the left bottam and inside the rect box i need to present data in text formate.
so any 1 can plz help me in this regard..am worring abt ths alignment

Hi Rajeshkelam,
Take a Group.
Set width: 100%
Under the group add all the UI elements.
Set Group Layout GridLayout
Allign the UI Elements by properties value (PaddingLeft, PaddingRight, PaddingTop, PaddingBottom)
Go through this document.
Page No 19.
<a href="https://www.sdn.sap.comhttp://www.sdn.sap.comhttp://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/library/webdynpro/wd%20java/wd%20tutorials/developing%20web%20dynpro%20user%20interfaces.pdf">Developing Web Dynpro User Interfaces</a>
<a href="https://www.sdn.sap.comhttp://www.sdn.sap.comhttp://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/837d9290-0201-0010-1381-e633fe17cb14">A Simple Input Form</a>
<a href="https://www.sdn.sap.comhttp://www.sdn.sap.comhttp://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/49f2ea90-0201-0010-ce8e-de18b94aee2d">Web Dynpro Sample Applications and Tutorials</a>
Regards,
Mithu

Similar Messages

JSF - How To align one element of a gridpanel

The following is the code. What i need is to right align the label at the left side. ie
Name TextField
Age TextField
Address TextArea
Now how i had achived is to put th outputlabel inside another gridpanel and give its alignment as right. Please see the code of "*Name*" label
<center><h:panelGrid border="0" columns="2"
               style="width: 540px">
                        <h:panelGrid styleClass="number" columns="1" style="width: 138px">
                      <h:outputLabel value="Name"></h:outputLabel>
                     </h:panelGrid>
               <h:inputText id="employeeId" value="#{employee.employeeName}"
                    style="width: 355px"></h:inputText>
                    <h:outputLabel value="Code"></h:outputLabel>
               <h:inputText id="employeeCode" value="#{employee.employeeCode}"
                    style="width: 162px"></h:inputText>
                    <h:outputLabel value="Age"></h:outputLabel>
               <h:inputText id="ageId" value="#{employee.age}" style="width: 69px"></h:inputText>
                    <h:outputLabel value="Addtess"></h:outputLabel>
               <h:inputTextarea id="addressId" value="#{employee.address}"
                    style="height: 108px; width: 360px"></h:inputTextarea>
                    <h:outputLabel value="Identification Mark 1"></h:outputLabel>
               <h:inputText id="identification1"
                    value="#{employee.identificationFirst}" style="width: 368px"></h:inputText>
                    <h:outputLabel value="Identification Mark 2"></h:outputLabel>
               <h:inputText id="identification2"
                    value="#{employee.identificationSecond}" style="width: 368px"></h:inputText>
                    <h:outputLabel value="Designation"></h:outputLabel>
               <h:selectOneMenu value="#{employee.designationId}">
                    <f:selectItems value="#{designation.designationList}" />
               </h:selectOneMenu>
     </h:panelGrid></center>

Index out the element you want to modify (using index array), perform the modification, put back at right index using replace array element.
If you are worried about performance, use the in-place element.
http://www.ni.com/white-paper/6211/en/
CLA
www.dvel.se

For SAPscript INCLUDE TEXT, how to align as Paragraph format

Hi experts and ABAP colleagues!
Need your help on this sapscript problem:
How to align texts taken from "INCLUDE TEXT" in SAPscript, according to tab defined in Paragraph Format?
For example, I defined BG to have tabstop at the 2nd column (or equivalent to 1st tab position) where I need to print the text, and then declared it in SE71 like below:
However the text prints at the leftmost instead of at the 2nd col position - (8th char tab defined in par. format BG). Hence it is not aligned to its proper heading. Line Number instead of Description - which is not okay for client view that needs these Thai texts.
The technical details I included below. Kindly examine:
1.) Window >Main > Text Element > Include Text command
/E   ITEM_TEXT
BG   ,,&TTXIT-TDTEXT&
/:   INCLUDE &T166P-TXNAM& OBJECT &T166P-TDOBJECT& ID &T166P-TDID&
/:   NEW-PARAGRAPH BG
Note: I used command "NEW-PARAGRAPH" and had exactly the above code in se71. Anything missed here? Pls. help. Thanks.
#2.) Paragraph Format > Tab
No. -
Tab Position -
Alignment
1            8,00 CH            LEFT
2            28,00 CH          CENTER
etc.
Note:   and then i put in ",,&TTXIT-TDTEXT&" (see above) with the 2 comma's beforehand to say that its on the 1st tab or at the 8th character where it should be printed, but does not give intended result... pls help.
#3.) Paragraph Formats > Standard Attributes
Left Margin - 0 cm
Alignment - Left
no blank lines checkbox - ticked
Note: Is there any more attribute i can manipulate from here to force display at the right position?
Thank you so much in advance for all your help. Our project team will really appreciate it. May the Lord bless you as we go through our SAP work!
Sincerely,
Celeste

Here's a thought, instead of using tabs, try writing a method that takes a string that is the starting string, a pad character, and a length and returns a string padded to that length with the specified character.
public String padR(String src, String padChar, int len)
    // ... You get to fill in the rest suggestion try to do it without a loop
}Have fun,
PS.

How to use UI elements in Abstract component of PORTAL

HI,
I want to know how to use UI elements in Abstract components of PORTAL.Since i using only dialog box,i want to use other UI elements and images ,so that the application will be easy to do.

Hi,
If I have understood correctly your doubt, you want to know how to code jsp's in AbstractPortal Comp.
Following is sample code of jsp
<table width="100%">
     <%@ include file="NJ_Header.jsp" %>
     </table>
<table width="100%" border="0">
<tr>
<td align="left">
     <hbj:textView     id="txtPageNumber" design="EMPHASIZED"
          text=" Page Number : 2">
               </hbj:textView>
          </td>
     <td align="right">
               <font color="#FF0000">*
     <hbj:textView
               id="txtLegend" design="STANDARD" encode="false"
                    text="Indicates mandatory fields">
               </hbj:textView>
               </font>
          </td>
     </tr>
</table>

<table width="90%">
     <tr>
          <td align="center">
               <font color="#008000"><i><%=SAPMASTERDATABEAN.getUserMessage()%></i></font>
          </td>
     </tr>
</table>

ADF Faces Components:how to align af:panelBox with fields in af:panelForm?

Hi,
I have an af:panelForm component to which I added af:selectOneChoice and few af:inputText components. af:panelForm aligns all af:inputText fields properly with labels being right justified and the input fields left justified.I wanted to add af:panelBox at the end but don't know how to align it with the input fields.
I wrapped the last input field and the af:panelBox inside af:panelBorder but this didn't help. I still get af:panelBox displayed at the extreme left hand side.
I could put af:panelBox inside another af:panelForm but that does not work for me because af:panelBox happens to be target of a PPR, source of which is the af:selectOneChoice. Depending on the selected item of ad:selectOneChoice, I want to either show af:panelBox or hide it. So I had to include af:panelBox in the same af:panelForm that contains af:inputText so that both source and target of PPR are at the same level for PPR to work. I can also add af:objectSpacer before af:panelBox to get the alignment i am looking after but this again doesn't help because when window is restored or maximized, then the alignment gets lost. Any clue how to achieve that ?
<af:panelForm>
<af:selectOneChoice
id="SelectOneChoice"
autoSubmit="true"
immediate="true"...>
<af:forEach var="item"
items="#{bindings.View_rIterator.allRowsInRange}">
<af:selectItem value="#{item.id}"
label="#{item.id}"/>
</af:forEach>
</af:selectOneChoice>
<af:inputText ..../>
<af:inputText ..../>
<af:inputText ..../>
<af:inputText ..../>
<af:inputText ..../>
<af:panelBorder partialTriggers="SelectOneChoice">
     <af:inputText ..../>
<af:panelBox text="Panel Box:"
background="transparent" width="200">
<af:panelHorizontal halign="center">
     <af:inputFile .../>
     <af:objectSpacer width="3"/>
          <af:commandButton .../>
     </af:panelHorizontal>
<af:panelHorizontal halign="center">
<af:objectImage ..."/>
</af:panelHorizontal>
<af:panelHorizontal halign="center">
<af:panelButtonBar>
<af:commandButton ..."/>
</af:panelButtonBar>
</af:panelHorizontal>
</af:panelBox>
</af:panelBorder>
</af:panelForm>
Please advice.
Thanks

Hi,
did you try skinning ? Inline style CSS doesn't necessarily work for the whole component as it operates on the root DOM element, which in the case of a composite component isn't the individual facet
http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html
af|panelPage::about{
height: 30%;
Frank

How can I use Elements as Edit in using a Lightroom?

How can I use Elements as Edit in in Lightroom using a Lightroom picture. I followed instructions: Photo/Add in/ and received in Elements a blanco screen instead of the picture selected in Lightroom. Please further instructions before ordering Elements 11.

Dear Andaleeb,
I have followed instructions as follows: In Lightroom I have installed Elements under extra plug inns. (on top of the screen reference is made to Photoshop and not Photoshop 11). Under photo, cmd-e does not work since Photoshop is colored gray. As I have Elements installed under extra plug-inns this is highlighted. BUT………..Clicking that, the picture selected does NOT appear in Elements. The screen remains being empty! How can I solve this?
Mr. F.K.A. de Haan
Op 4 mrt. 2013, om 14:50 heeft andaleebfatima1 <[email protected]> het volgende geschreven:
Re: How do I use Elements as a plug in for Lightroom? After plugging no picture appears in Elements!
created by andaleebfatima1 in Photoshop Elements - View the full discussion
Please ensure that you have added PSE Editor as external editor for Lightroom. See : http://www.photoshopelementsuser.com/html/integrate-lightroom-with-ele ments/
Thanks
Andaleeb
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5119785#5119785
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5119785#5119785
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5119785#5119785. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Photoshop Elements by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

How do I move Elements 8 projects (slide shows) from a Windows XP computer to new Windows 7 computer that also has Elements 8 on it so that the slides shows will work (Elements 8 works well on the Windows 7 computer & I have done several new slide show pr

How do I move Elements 8 projects (slide shows) from a Windows XP computer to new Windows 7 computer that also has Elements 8 on it so that the slides shows will work (Elements 8 works well on the Windows 7 computer & I have done several new slide show projects on it)? I tried backup & restore without success. I have also found the .psess files and copied them to the catalog in the new computer but when the sides shows are opened none of the images or music is there. Only the text that I entered shows. I have even tried to replicate the file paths from the XP computer to the new computer to see if that will help.

UPDATE: By a stroke of luck I happened to find a catalog link (a PSE8D file) in the 'My Catalog' file where the imported data was stored. When I clicked on it to investigate what is was 'magically' all of my transferred projects appeared in Organizer. Upon further investigation I found that the projects transferred from my XP computer were stored in a hidden catalog that had to be accessed through the Custom Location option in Catalog Manager (accessed by clicking File then Catalog then Custom Location). No Windows or Elements search revealed this fact. I am appreciative that I just got lucky. The Adode/Photoshop company was absolutely of no help. If fact to me their structure is designed to avoid contact with their customers unless you're buying a new product. Their products have many good features (even though user unfriendly) and it's a shame they don't value their customers more once the sale is completed.
Bottom line: All of the projects (sideshows) have been recovered and work in my new Windows 7 computer. I hope my experience helps others.

How to define default element in SAP-Script?

Hi Guys,
How to define default element in SAP-Script?
Can you tell me to do this...is it possible in all the windows or only in main window?
Regards,
GURU

Hi,
Welcome to SDN
You can't post ur questions in other's threads .Open a new thread.
click on post new thread and open new thread.
Regards

How to translate text elements in forms from type : pdf

does anybody know how to translate text elements
in pdf from english to other languages.
i tried the tran. se63 and filled in the desired language,
but there was no effect on the output ,
thanks,
ami

call this funcation. crate_text.
CALL FUNCTION 'CREATE_TEXT'
         EXPORTING
           FID               =
           FLANGUAGE         =
           FNAME             =
           FOBJECT           =
         SAVE_DIRECT       = 'X'
         FFORMAT           = '*'
         TABLES
           FLINES            =
       EXCEPTIONS
         NO_INIT           = 1
         NO_SAVE           = 2
         OTHERS            = 3
       IF SY-SUBRC <> 0.
MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
        WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
       ENDIF.

How do I get Elements to occupy full screen on my macbook pro? - the docking station remains visible and I don't want to have the dock in hide mode?

How do I get Elements to occupy full screen on my macbook pro? - the docking station remains visible and I don't want to have the dock in hide mode?

Unfortunately, there is no answer to this problem via this link. It may be that this is simply how the software actually works. It is a design fault in Adobe Photoshop Elements. It is possible to temporarily hide the dock within 'system preferences'. Oh well. Someone may know better.... I hope!

How to activate WBS Element in Sales Order

Dear All,
How to activate WBS element in sales order?
Thanks & Regards,
PM

Basically in case of Repair and overhaul material is taking inside for repair purpose..for that we create service order in which we r creating component, operation(time. labor, machine) besides we create notification to allow overhead activity for this special activity..
once this service order r created and notification is set.. we r estimating cost for this process and updating sales price(DP82) which further send to customer for approval.. once v receive approval v issue a goods along with parental serviceable material to Plant for Plant maintenance estimation..
so all this procedure obey just like project , in this case we have to assign WBS element into sales order level..
WBS elemet is nothing simply its hierarchy which shows what r the steps followed in project(CJ20N)..
Correct me if i m wrong..
thanks
Mk

Had Photoshop Elements 12 on my other Mac that recently got smashed, new one has no CD drive. How do I install Elements with my product key? Purchasing an external CD drive is not an option at this time after forking over the 2500 for the new Mac...

Had Photoshop Elements 12 on my other Mac that recently got smashed, new one has no CD drive. How do I install Elements with my product key? Purchasing an external CD drive is not an option at this time after forking over the 2500 for the new Mac...

Downloads available:
Suites and Programs: CC 2014 | CC | CS6 | CS5.5 | CS5 | CS4 | CS3
Acrobat: XI, X | 9,8 | 9 standard
Premiere Elements: 12 | 11, 10 | 9, 8, 7
Photoshop Elements: 12 | 11, 10 | 9,8,7
Lightroom: 5.6| 5 | 4 | 3
Captivate: 8 | 7 | 6 | 5
Contribute: CS5 | CS4, CS3
Download and installation help for Adobe links
Download and installation help for Prodesigntools links are listed on most linked pages. They are critical; especially steps 1, 2 and 3. If you click a link that does not have those steps listed, open a second window using the Lightroom 3 link to see those 'Important Instructions'.

Is there an instruction sheet detailing how to install Photoshop Elements 13 (from a DVD disk), on a Windows 8.1 computer, and if so, where do I find it

Is there an instruction sheet detailing how to install Photoshop Elements 13 (from a DVD disk), on a Windows 8.1 computer, and if so, where do I find it?

Googled for an instruction sheet. Got the following.
https://helpx.adobe.com/photoshop-elements/getting-started/install-pse.html
and
https;//helpx.adobe.com/photoshop-elements/kb/photoshop-elements-installation-errors.html
(Don't know why the second one didn't turn into a link, that's the url that printed out at the bottom of the page)
In any case it doesn't matter. I returned it to the store where I bought it.
Rule #1; Don't use a product if the people who produce that product (software, hardware, etc.) don't properly support it.
User forums and\or chat lines, are useful and may help. But! They do not constitute proper support (not for installation purposes anyway).

How do I reinstall Elements 8 after Hard Drive Crash

C Drive irreparably crashed. The PSE8 catalog folder was in C:\Documents and Settings\All users\Adobe, etc. and was backed up on a different drive (Yay Me!). The Pictures were in E:\ Elements Pictures\ (117 GB). When Windows was reinstalled, the Drive Letters were changed by the reinstall program, such that the Windows boot drive is now the E drive and the Pictures are on the D: drive, but still in their original folder. (Ultimately, the plan to get a new Drive, rename it C, and reinstall Windows on it.)
It appears that I cannot use "Backup and Restore" as is the common response to "How do I move Elements and Pictures to a new Computer?"
I can reinstall PSE8 on my E (boot) drive, then replace the new catalog folder with the old one which has my data. How do I then get that catalog to look to the Pictures on the drive which has a new letter (D)? I cannot reinstate the old drive letter, as that letter is now in use as the boot drive letter.
Am I better off just waiting for the new C drive, reinstalling Windows there, replacing the catalog folder, and relettering the Pictures drive to its old Letter? It may be awhile before I get the new C drive as I am waiting for Seagate to replace under warranty the dead drive, and would like to if at all possible continue to use PSE8 in the interim.
Many Thanks in advance for your advice.

Take a look at Option 3 here:
http://www.johnrellis.com/psedbtool/photoshop-elements-faq.htm#_Quickly_reconnecting_large

How do i get elements on my new pc with no cd drive?

i have elements 10 as a cd package - ive just got a new pc with now cd drive how can I get elements without buying it again? I am not very IT savvy so please help!

You say you are not very IT savvy but you know how to download and install a new software, right? If so then on your new machine, go to the link I have provided below and download PSE10 for your use. You will need to enter your serial number to activate it.
<Download Photoshop Elements products | 12, 11, 10>
Hope this helps.

How to align UI elements

Similar Messages

Maybe you are looking for