Poll about Ui elements and layout designing

In the next few months I will be rewriting an existing tutorial about UI elements and layout designing. The tutorial describes how an application developer should
create an attractive and user-friendly UI with Web Dynpro Foundation.
Therefore, I need your input on topics which you, as developers, would like to read about regarding layouting and UI design.
So please write anything that occurs to you on this topic.
Thank you in advance!

Hi Alvert,
one thing I have noticed in the existing tutorials, that is some tips on the layout containers. Introduction on different type of layout, how to match spacing of two layout container in the same view, meaning of different properties of diff layouts. I have seen normally if I add two containers, the spacing between one's element is different from the other. It causes problem for the total view lookup.
Will let you know again, whenever something comes into mind.
Regards,
Shubhadip

Similar Messages

!!! Poll about UI elements and layout

In the next time my task will be rewrite an existing tutorial about UI elements and layout designing. Therefore i would like to start a poll about topics which you as the developers would like to read about.
So please write everything what you got in mind about this topic.
Message was edited by: Karin Schattka

Hi,
There is a good help file in NWDS related to UI elements and API's if you can provide simple examples how to create what layout will look good the easiest way to dovelop for each user elements ( Keeping pragma in to context)such as Tables, trees, radio buttons, dropdown boxes, trays etc.. most frequestly used ones..
Regards
RK

Packing list - Driver Program and Layout set name for Smartform

Hi ,
Anybody knows about print program and Layout set name for PACKING LIST in Smartform.
Regards,
Kumar S

Hi Bhuvaneswari,
For Creating Adobe Interactive form, you need the below configuration:
Server side:
Server running on ABAP/Java stack configured with ADS
For ADS Configuration, follow the below link:
https://service.sap.com/~form/handler?_APP=01100107900000000342&_EVENT=REDIR&_NNUM=0000894009&nlang=E
Client Side:
The required Reader version depends on your usage situation.
For SAP Interactive Forms by Adobe, we generally recommend the following:
Adobe Acrobat Version 7.0. 9 or higher
Adobe Reader Version 7.0.9 or higher
If you require forms for one of the scenarios listed below, you must use Reader 8.1.
These are:
Forms in Web Dynpro applications that are integrated at runtime using xACF (Active Components Framework) ZCI (Zero Client Installation).
Forms in scenarios that use digital signatures.
If you use interactive forms in Web Dynpro for Java and these interactive forms are included using ZCI (Zero Client Installation) at runtime, you must read Note 1055911. Note 1055911 specifies the required reader version and contains further detailed information.
Reward points if found helpful.
Regards,
Arafat

Delete Crystal Report Design in Report and Layout Manager

Hi All
How to permanently delete a customised Crystal Report Design imported in Report and Layout Manager?
There is no Delete button at all unlike Form Design?
Kedalene Chong

Hi Nagarajan
Please see image attached, already login as superuser but there is no Delete button for imported Crystal Report Design in Report and Layout Manager.

Can you help me with Page Layout and/or Design ideas for a software manual?

Greetings,
I am a new InDesign user, and am converting a software manual that I created in MS Word into InDesign. It will be converted to a pdf to view online. I have the basics (3 master pages, page numbers, running headers, 2column pages with text boxes on the left and screenshots on the right), but I want to make it look prettier. Could you please give me some ideas on page layout and/or design to make it look better or more creative?
A few things that I am considering: borders around screenshots, a watermark, a logo next to the page numbers, different size/type of fonts, etc.
I am open to any suggestions to make this look better. However, please understand that I am new to InDesign. With that being said, please tell me a few steps when you mention your tips. Thank you!

Take a look at a few websites on Cannons of Page Construction.
I think the best idea for you is to look at a few software manuals and take tips from how they accomplished the layouts.
I'm not saying to copy them - but rather see what works and doesn't work, what worked for them might not necessarily work for you - research some layouts.
Fonts/type/sizes etc. are pretty much ambigious without context - is this a software manual for kids (soft cuddly big fonts easy to read), technical (small, tight spacing etc), Adult friendly (smooth, crisp clear, well spaced), elderly (large elegant fonts).
It all really depends on your demographic audience.
Being new to InDesign I suggest you take up Sandy Cohens Quickstart Visual Guide.
I think you should look at Michael Murphys Book on Styles
And you should definitely get your printer (the guys bulk printing) the booklet for you on board from the start to work out optimal sizes to suit their printing presses and workflow etc. And to ensure that you are setup correctly in page sizes, margins, safe type areas, colour profiles and a few other things that your printers prepress can help you with.

Hi I am trying to change the margins and layout of an existing in design document, help!

Hi I am trying to change the margins and layout of an existing in design document, help!

This is an open forum, not Adobe support... you need Adobe support to help
Adobe contact information - http://helpx.adobe.com/contact.html
-Select your product and what you need help with
-Click on the blue box "Still need help? Contact us"
or
Make sure that EVERY DETAIL is the same in every place you enter your information
-right down to how you spell and punctuate the parts of your name and address
Change/Verify Account https://forums.adobe.com/thread/1465499 may help
-Credit card https://helpx.adobe.com/utilities/credit-card.html
-email address https://forums.adobe.com/thread/1446019
-http://helpx.adobe.com/x-productkb/global/didn-t-receive-expected-email.html

Hello there, there is a rare window that keeps popping up every time i start Logic. I'd like to send a screenshot... anyway, it's a "tempo" window with strange layout about midi effects and so,.... is it normal? How can i improve this? Thanks.

hello there, there is a rare window that keeps popping up every time i start Logic. It's a "tempo" window with strange layout about midi effects and so,.... is it normal? How can i improve this? Thanks.

Hmm, that's some sort of MIDI Arpeggiator setup in your environment. Strange that you don't know it, this has to be custom-installed, it is not part of the standard setup.
You can do two things about it:
1.unlock your current screenset (shift-L), then close the (Bass Driver) window, then relock the screenset (shift-L). Next time you open up this project you won't see the Bass Driver, but it is still in the project.
2. You can remove the whole page: open the Environment (cmd-8), then go to the dropdown menu arrow top left of the Environment window and select the Bass Driver layer. If it is selected, dropdown again and choose Delete. Now Save your project under a different name (Save As...), so that you still keep the Bass Driver setup in the original project. If you don't need to keep it, you can simply Save.

Can I duplicate the design and layout of an old form to create a new form?

Can I duplicate the design and layout of an old form to create a new form?

Hi;
You sure can.
From the "My Forms" tab with the form selected there is a "Duplicate" button on the toolbar along the top, there is also "Duplicate" in the right click context menu on a form:
Also, you can export a "Design file" (basically a template) of any form locally that can be implorted into your or anyone elses account. With the form open click "File" - "Export design File". This will save a design file to your computer which you can use to "Import Design file".
Thanks,
Josh

Very big problem with JSF about FORM and "id=" for HTML form's elements and

I have discovered a very big problem with JSF about FORM and "id=" for HTML form's elements and java instruction "request.getParameterNames()".
Suppose you have something like this, to render some datas form a Java Beans :
<h:dataTable value="#{TablesDb2Bean.myDataDb2ListSelection}" var="current" border="2" width="50%" cellpadding="2" cellspacing="2" style="text-align: center">
<h:column>
<f:facet name="header">
<h:outputText value="Name"/>
</f:facet>
<h:outputText id="nameTableDb2" value="#{current.db2_name_table}"/>
</h:column>
</h:dataTable>
Everything works fine...
Suppose you want to get the name/value pairs for id="nameTableDb2" and #{current.db2_name_table} to process them in a servlet. Here is the HTML generated :
<td><span <span class="attribute-name">id=<span class="attribute-value">"j_id_jsp_1715189495_22:0:nameTableDb2">my-table-db2-xxxxx</span></td>
You think you can use the java instructions :
Enumeration NamesParam = request.getParameterNames();
while (NomsParam.hasMoreElements()) {
String NameParam = (String) NamesParam.nextElement();
out.println("<h4>"++NameParam+ "+</h4>);
YOU ARE WRONG : request.getParameterNames() wants the syntax *name="nameTableDb2" but JSF must use id="nameTableDb2" for "<h:outputText"... So, you can't process datas in a FORM generated with JSF in a Servlet ! Perhaps I have made an error, but really, I wonder which ?
Edited by: ungars on Jul 18, 2010 12:43 AM
Edited by: ungars on Jul 18, 2010 12:45 AM

While I certainly appreciate ejb's helpful responses, this thread shows up a difference in perspective between how I read the forum and how others do. Author ejb is correct in advising you to stay inside JSF for form processing if form processing is what you want to do.
However, I detect another aspect to this post which reminds me of something Marc Andreesen once said when he was trying to get Netscape off the ground: "there's no such thing as bad HTML."
In this case, I interpret ungar's request as a new feature request. Can I phrase it like this?
"Wouldn't it be nice if I could render my nice form with JSF but, in certain cases, when I REALLY know what I'm doing" just post out to a separate servlet? I know that in this case I'll be missing out on all the nice validation, conversion, l10n, i18n, ajax, portlet and other features provided by JSF".
If this is the case, because it really misses the point of JSF, we don't allow it, but we do have an issue filed for it
https://javaserverfaces-spec-public.dev.java.net/issues/show_bug.cgi?id=127
If you can't wait for it to be fixed, you could decorate the FormRenderer to fix what you want.
I have an example in my JSF book that shows how to do this decoration. http://bit.ly/edburnsjsf2
Ed

Se80 layout design: view context properties slow to update

In the view layout designer on the properties of each UI element, for. e.g, when I change a status by clicking a check box property on 'active' or 'hide/show' properties, the UI takes a while to synchronize and update its status changes.
If I move the mouse to another dependent property or a drop down, the changes are not reflected.
Does the sapgui need tuning? I have a powerful laptop with 1.5Gig memory and processor intel core duo at 1.8 Ghz.
Sapgui version is 7100.1.0.3050 and backend is WAS release 700 SPS 11.
Do you have any idea?
Message was edited by:
Guest

Hi there,
one of my colleagues is facing the same performance problem. It happens that he waits up to 5 minutes for the SE80 to react on a single click on of of the UI elements. The performance at runtime is quite good, but only the development seems to be slowed down.
I was wondering if anyone has experienced the same problem and has found a solution by now. It is quite urgent and most of all it makes the development really annoying. We're working on a 7.00 System with patch 13 btw.
Many thanks in advance.
Sebastian
p.s.: No there is not any SAP note, there isn't some help entry and as far as I searched this seems to be the only thread about this problem.

Print layout designer for develop report based on query

Dear Experts/Gurus,
I am amazing about the manage previous reconciliation report. When I opened it using print layout designer, it looks like the report is not built using query, but I am not sure yet. This is very confusing. I created query similar with manage previous reconciliation (MPR), but when I link the query to print layout and try to make similar format/appearance with MPR report (reconciliation management (system)), it is not success.
Isn't the MPR report built not based on query ? I appreciate your answer. TIA
Rgds,

Hi,
I am not sure I understand what's the problem:
Is it the layout that is different or the data?
Regarding the data you can use SQL Profiler (maybe you did?) to find out what queries are fired, but please note that there are some stored procedures in the DB that are used for some specific functions - not sure whether the "MPR" uses any of these.
Then you must include some non-default filter in SQL Profiler...
...but you can also use the logging functionality in B1 for that purpose:
Just activate the logging (see the "log" folder in the B1 subdirectory) in the corresponding config file: choose the option to have the SQLs logged in conjunction with the logging being triggered in all cases (not just error).
Thus you will get all the SQLs - just plain - from the B1 application, but note that it will obviously slow it down!
HTH,
Frank

Print layout design : Very Queer

Hi all .
In SAP B1 , I see some report is very queer , for ex : in journal entry , click Print layout design , I see journal entry (system) , double click it to open design , Queer in here , in repetitve area , field : Debit , Credit , data source is free text , but when I view report , I see infor by Debit , Credit , Normaly , Field must has source type is database , formular, or system , it will has information .
Please explain to me about queer .
Thanks very much .

Hi
check this link and search for demo's on
Print Layout Designer
https://www.sdn.sap.com/irj/sdn/businessone-elearning
I hope this helps you out
regards,
Shreyas

Confusion about backing beans and multiple pages

Hello:
I'm new to JSF and am confused by several high level and/or design issues surrounding backing beans. The
application I am working on (not unlike many apps out there, I suspect), is comprised of several forms which
collect various query parameters and other pages that display the query results via dataTables. Additionally, the
displayed results have hyper-text enabled content sprinkled throughout in order to allow further "drill-down" to
greater details about a given result.
Obviously, the initial forms are backed by a managed bean that has the getters/setters for each of the various
fields. From a modularization perspective, I'd prefer to have the query execution in a separate class entirely,
which I can accomplish via delegation or actionListeners. Where I get confused is in the case that one of the
hyper-text enabled fields needs to invoke yet another query requiring specific values from the original result.
In this case, how should I design the beans to store the pertinent selection information AND still be able to
have the resulting 'details' query in a separate class.
For example, let's assume that I have a form with a simple backing bean to collect initial query params. The user
fills out the form and clicks on submit. The action field of the <h:commandButton> tag inside the <h:form>
delegates to a method which performs the query and returns a navigation string to the results display page. The
results page then uses a <h:dataTable> tag to display the results. However, through the process of displaying the
results, it will create the hyper-text links as follows:
                    <h:form>
                        <h:commandLink action="viewDetails">
                            <h:inputHidden id="P_ID" value="#{results.id}"/>
                            <h:outputText value="Click here to see details"/>
                        </h:commandLink>
                    </h:form>Notice that the value="#{results.id}" is the key field (in some case I may need more than one) that the subsequent
details page will need to perform the query. However, this value is stored in the results attribute of the original
query backing bean. I do NOT want to add yet another level of queries into the same backing bean as I would like
to keep the original and details query beans separated for maintenance and style reasons. How then, can I get this
specific value ("#{results.id}") into another backing bean that could be accessed by the subsequent details page
and query? In general, how does one map a single display element to multiple backing beans (or accomplish the
effect of having one 'source' bean's value end up in another 'destination' bean's attr? If this is not possible,
then isn't the details query/page forced to use the same backing bean in order to get the data it needs? If so,
how can it determine which id was selected in this case?
I'd appreciate any thoughts, ideas and suggestions here! Is there a better way to design the above in order to
maintain the separation of logic/control? What is the 'best practice' approach for this sort of stuff?
Thanks much in advance!

This is what I have done in the pass
<h:commandLink action="#{AppAction.getRecord}" >
<h:outputText value="#{bbr.id}"/>
<f:param name = "recordid" value ="#{bbr.id}" />
</h:commandLink>
within the getRecord method
String key = "";
FacesContext facesContext = FacesContext.getCurrentInstance();
     ServletContext servletContext = ServletContext)facesContext.getExternalContext().getContext();
key = (String)facesContext.getExternalContext().getRequestParameterMap().get("recordid");
then call you dbmethod passing in the key of the record the user wants to edit
and then simply return a string to what page you want the user to go to
I think this is what your looking for

Website Layout Design Help !

Hey everyone,
I'm quite new to Dreamweaver CC, and I would like to make a simple portfolio for the designs that I do.
I would like to set up a website, with a simple logo, navigation below it and have posts and updates below.
Similar to these websites:http://esymai.com/ http://dtshatesyou.com/
Or alternatively, any suggestions in regards to using WordPress or any other 'blog' type websites and using a layout/theme.
This would be an amazing help !Thanks ,
James

Hi James,
Ben is correct it all depends on your knowledge of coding. Wordpress is probably the esiest to use out of the cms family and there are quite a few free templates to get you started. These can be modified using Dreamweaver CC. Also you need to think about your visitors and what devices they will use to view your site; does it need to be responsive. In fact, since you have Dreamweaver CC I would advise you to make use of the fluid grid layout and HTML5 tags to set up a header, relevant number of columns and a footer. Then populate it with your content.
I hope this has been of some help. As you I am a new user too and just getting my head around web design as I wish to make this a career.

Print Color Management Problem w. Photoshop Elements and Tiger/Leopard

Has anyone tried printing with ICC profiles through Photoshop Elements 6 for Mac? Apparently, it does not work on Tiger nor Leopard? My prints look very dark and over-saturated.
The Datacolor folks, who make the Spyder3 calibrators I'm using, say my prints look like they are being "double color managed," possibly once by PSE and once by the printer driver (even though it's turned off).
Over at the Adobe Forums some say it's a problem with Leopard. I'm not so sure, because I found that printing color management works fine on a Mac with Photoshop Elements 4.01 and Tiger. Any comments? Thanks.

Aha! Got it. Adobe has confirmed that the problem is on their end. PSE 6 is double color managing the images. Here's what one user got in reply from Adobe on the subject. There are two separate answers:
Thank you for contacting Adobe Technical Support.
After consulting with my colleagues about the issue you raised, I can let you know the following:
The issue is both on our as well as the driver software side and the workaround we have given is the best available at this time. This issue is affecting all printers, not just Epson or Canon.
The soft proofing effect that you are seeing in the print preview is indeed an attempt at soft proofing. However since Photoshop Elements managed prints are incorrectly double colour managed it is not as useful as it was initially designed.
As to the exact details of why this occurred, we have no official information.
We believe that this will resolve the issues you are experiencing, however, should the reply not help solve the problem, please contact us again, quoting the case number given above, and we will re-open the case.
Answer # 2
We have had word back from our engineers regarding your issue.
The Photoshop Elements team are aware of the problem and are working with Apple and the printer manufacturers to get this to work correctly. In the meantime, the only workaround is to switch off colour management in Photoshop Elements and let the printer handle the colour management.
Unfortunately we can not make an estimation as to when a fix will be provided. We will close the case for the time being as there really is nothing more we can do about this issue besides offering the suggested workaround. Closing this case does not mean that the research will stop however and the engineers are working on a solution to this.
As the tech noted, let the printer handle the color instead. Tell PSE not to manage color so it is the step sending the data unaltered. When the print dialogue comes up, under the Color Correction heading, change the pull down menu to "ColorSync". In the menu below that, choose the correct profile for the paper you're using. If the Brightness menu is still active, look for any choice that allows you to turn it off. If none exists, leave it on Normal. If the options below that for Color Balance and Intensity are not grayed out, make sure they are at the center positions (no effect).
These steps are the same as before, except you're doing them in reverse. Photoshop is doing nothing and the print driver is handling the ColorSync chores rather than the other way around.

Poll about Ui elements and layout designing

Similar Messages

Maybe you are looking for