Webpage layout best practices
This isn't a Dreamweaver-specific question, but more a
general concepts inquiry.
I'm working on a website. A great deal of the content is
arranged in groups, and these groups contain listings of links for
pdfs.
So, what is considered good form: To have one single page
containing the groups and lists, and have users click links to jump
to different sections of the page? Or to have one "index" page,
which takes you to separate pages per group and its list?
All opinons and suggestions welcome!
I would just add to these two good answers the suggestion
that you think as
a user who wants to quickly find one of those PDFs. What
would be most
intuitive, require the least thinking, be the simplest?
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet
"Alan" <[email protected]> wrote in
message
news:C488245C.3016EC%[email protected]..
>
>
>> Depends. If the single page would get too long and
big, I would most
>> likely split it.
>
> Agreed. Even it all the groups on one page aren't that
many, suggest using
> Named Anchors so people can find the group of files they
want quickly.
>
> --
> Alan
> Adobe Community Expert, dreamweaver
>
>
http://www.adobe.com/communities/experts/
>
>
>
Similar Messages
-
<b>Problem Description</b>
A developer needs to be able to create a rich client interface and avoid basic layout issues that tend to be pervasive across screens and applications. There are a number of low-level layout issues within ADFv that:
<ol>
<li>Tend to repeat themselves across screens and across applications.</li>
<li>Impact perception of usability, quality, and fit ‘n’ finish.</li>
<li>Are annoying to users in the aggregate. Although no single item is terrible, but a collection of 6 items, repeating themselves on multiple screens gets frustrating and detracts from the message.</li>
</ol>
In most cases, there’s a simple approach and best practice that will assist developers in avoiding these pitfalls.
<b>Technical Best Practice Description</b>
This Layout Best Practices document provides a list of known layout issues that are encountered when developing a Rich Client Interface and how to avoid them in your application development.
Various ADF Components are described and demonstrated in this document including document, showDetailItem, decorativeBox, panelSplitter, panelStretchLayout, panelBorderLayout, and so on. It takes many of these components in combination to achieve the desired layout for a page and / or an application.
Click here to see the document that describes these best practices.
Edited by: Richard Wright on Nov 17, 2009 5:26 PMHi,
Try this link: [Layout Best Practices|http://www.oracle.com/technology/products/adf/patterns/11/layoutBestPractices.html]
Regards,
Edited by: Richard Wright on Nov 17, 2009 5:27 PM -
[Solved] Keyboard layout - best practice
I have two laptops running Arch Linux. On the first I have set norwegian keyboard with:
Option "XkbLayout" "no"
in then keyboard section of /etc/X11/xorg.conf.d/10-evdev.conf.
On the second I have usede
localectl set-x11-keymap no
from CLI to set the keymap.
What ist best practice?
Last edited by torors (2014-07-30 14:53:22)localectl creates /etc/X11/xorg.conf.d/00-keyboard.conf
$ cat /etc/X11/xorg.conf.d/00-keyboard.conf
# Read and parsed by systemd-localed. It's probably wise not to edit this file
# manually too freely.
Section "InputClass"
Identifier "system-keyboard"
MatchIsKeyboard "on"
Option "XkbLayout" "pl"
EndSection
Another computer:
$ cat /etc/X11/xorg.conf.d/00-keyboard.conf
# Read and parsed by systemd-localed. It's probably wise not to edit this file
# manually too freely.
Section "InputClass"
Identifier "system-keyboard"
MatchIsKeyboard "on"
Option "XkbLayout" "pl"
Option "XkbModel" "pc105"
Option "XkbOptions" "terminate:ctrl_alt_bksp"
EndSection
Neither of hem has /etc/X11/xorg.conf.d/10-evdev.conf, but they have /usr/share/X11/xorg.conf.d/10-evdev.conf - xorg-server 1.16 style.
Last edited by karol (2014-07-30 12:54:24) -
Crystal Report layout, best practice
SAP B1 8.81
I'm having only spotty success with CR layouts and I've experimented quite a bit. What I'd like to do is extensively modify 1 system Crystal Report and then bring it in as a layout, and apply it to AR Item Quote, Order, DN, Invoice, and Return. Does it matter which system document I start with? After I've got a master layout that works for all, what if I need to add small tweaks to a particular document, say a special field that appears in Invoice headers only? How do I do that? These questions aren't addressed in the 'How to Work with CR in SBO' guide.
Anybody have some global guidelines they'd like to offer that lead to success?Hi Cindy
We have done what you want to do in 8.8 a number of times. It also works in 8.81 but we have been having similar login issues that other users have reported.
You use the ObjectId@ parameter to determine the type of object being printed and use that to suppress fields, sections etc.
Where there are specific formats required for different object types you can define multiple sections, (eg page headers, group headers, detail lines etc) and show or suppress based on the object type as required.
This can lead to very messy and complicated reports if there are a lot of differences and so you will need to make a decision as to the tradeoffs between having one huge report which is hard to maintain or a couple of simpler ones.
Given the load time issues, which seem to be related to the number of subreports etc you might also find some benefit in, for example, having a separate master layout for the documents that dont need to show batches and serial numbers and some of the final details such as downpayments and another layout for documents that need to show everything. Once again, you need to trade off here.
We have generally started with the invoice layout as our master since that has everything in it.
Hope this helps
Rob -
Using CSS structure to slice up a layout: Best practice?
I used to use sliced up Photoshop files that where held together in a table to create a very graphic intensive web page.
Now that CSS is the preferred method for creating structure within a web page, Im wondering about the correct method to go about it.
With the tables method I might have had 20 slices to accommodate the graphic areas for rollovers.
Is that still considered ok to do with CSS structuring?
Would that many box areas in CSS simply not work? Would it be overly complex?
How would you accurately position all the graphic pieces?
Would you stack a bunch of graphic slices in one CSS box instead of having several separate boxes?Is this to be
a) a fixed-width design, centered in the viewport?
or
b) a fluid layout whose width, and dimensions, vary as the vewport is resized?
I presume (a), as this appears to be a print-like-layout you are hoping to put online. That said, you must know that the appearance of your page will not be precisely what you have carefully created. For one thing, users may resize text (assuming you allow that, which is highly recommended.)
Thinking mostly about your first layout, but the same could apply in general to all of them:
And again assuming (a) this could likely be done with a single background image in a centered wrapper div, with some of the text in a <p> tag with a two column div-based layout with a footer div, with some text in <p> tags with precisely determined left and top margins, and a ul-based nav menu in the right column, and a footer div with its own portion of the bg to house the footer text.
There are at least a million other ways to do this, and no doubt better suggestions will come along, but there would not be a need to the 12 slices I think you'd mentioned before. I foresee only two slices with my layout idea. Perhaps the right column would need its own portion of the bg slice, but i doubt it. You'd have to try all this out and test in various browsers with different user-controlled text sizes. But simple is better.
Hope that helps some. And I hope other, surely better, strategies appear here as well. I myself am now headed out for a stroll on this typical but cooler than usual Portland, OR day. Good luck.
Oh a PS - use text rather than images of text wherever you can reasonably do so on this page, else Search Engines will be stymied.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia -
Server Physical NIC layout best practice with 1000V
I have several Dell 710 servers with 2 10Gb Intel NICs (pNIC 4,5) and a single QuadGE card (pNIC 0-3) in each.
pNIC 4/5 I channel-group with trunking the 2 - 10Gb as Active/Active to two Nexus 5010s for the Virtual Ethernet Module (VEM) for the VMs.
pNIC 0/3 1000BaseT Copper I plan to channel-group with trunking (switchport mode trunk) for the Hypervisor/Console
pNIC 1/2 1000BaseT Copper I plan to channel-group without trunking (switch access vlan) to a seperate 3750 iSCSI network, nothing but iSCSI on this NIC.
On which pNIC would you stick vMotion and other stuff? Seems others (the new 1000V Whitepaper) are saying on the 10Gb using the 1000V VEM QoS in port-profiles to rate limit vMotion traffic.
1000V Whitepaper
http://www.cisco.com/en/US/prod/collateral/switches/ps9441/ps9902/white_paper_c07-607716.htmlI have several Dell 710 servers with 2 10Gb Intel NICs (pNIC 4,5) and a single QuadGE card (pNIC 0-3) in each.
pNIC 4/5 I channel-group with trunking the 2 - 10Gb as Active/Active to two Nexus 5010s for the Virtual Ethernet Module (VEM) for the VMs.
pNIC 0/3 1000BaseT Copper I plan to channel-group with trunking (switchport mode trunk) for the Hypervisor/Console
pNIC 1/2 1000BaseT Copper I plan to channel-group without trunking (switch access vlan) to a seperate 3750 iSCSI network, nothing but iSCSI on this NIC.
On which pNIC would you stick vMotion and other stuff? Seems others (the new 1000V Whitepaper) are saying on the 10Gb using the 1000V VEM QoS in port-profiles to rate limit vMotion traffic.
1000V Whitepaper
http://www.cisco.com/en/US/prod/collateral/switches/ps9441/ps9902/white_paper_c07-607716.html -
Layout best practices with TLF
Hello everybody.. i hope someone can give me a tip on a mobile App i'm developing.
When pressing a button, i have to refresh a screen which contains 40+ clips.
I evaluate an array, and for each entry i call a function to create the relative item.
Basically i:
- create new instance from library
- resize it to fit the screen size
- replace a movieclip inside the instance with a TLF
- create a bitmapdata
- drawWithQuality of the instance (using a matrix)
- create bitmap
- set the bitmap position
- add the bitmap to the holder movieclip
This routine seems very slow (8-10 seconds to refresh), i guess a problem is given by the TLF which is quite heavy, but maybe i'm also doing something wrong with the logic..
Any suggestion?
Thanks!Anton Azarov but TLF has useful features than classic TextField.
For example vertical align, column support, rtl languages support ect.
I don't understand why Adobe deprecated it.
Have you any suggestion for this features instead of TLF?
thanks. -
Best practice for component layout?
Hi,can people tell me their views on best practice in this area, using JSF.
Eg, say I want this:
LabelSml InputField
LabelLarge InputField... ie 2 labels, 2 fields, vertically alligned, and with some space between the label and the field.
and this one:
Field Field... ie 2 fields with a lot of space between them.
Finally, are there any examples on the web of UIs with many discrete fields on them (as opposed to logon/helloWorld and matrix data control), where I can look at how the design has been done.
MarcI don't know if our solution is a best practice. We are not using the label property of input components because the alignment does not satisfy then. Instead we are using a <h:panelGrid> and nest <ui:label> and <ui:textField> (Studio Creator components) components in it. Multiple components in one cell are surrounded with a nested layout or grid panel. The number of columns is set by the attribute "columns" and width is controlled by the attribute "columnClasses". Example
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:bp="http://java.sun.com/blueprints/ui/14" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
<jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
<f:view locale="#{SessionBean1.locale}">
<f:loadBundle basename="com.asci.nef.resourcen.Aktionen" var="akt"/>
<f:loadBundle basename="com.asci.nef.resourcen.Label" var="lab"/>
<f:loadBundle basename="com.asci.nef.resourcen.Datenlisten" var="datenlisten"/>
<f:loadBundle basename="com.asci.nef.resourcen.Meldungen" var="msg"/>
<ui:page binding="#{personal$Mitarbeiterauswahl.page1}" id="page1">
<ui:html binding="#{personal$Mitarbeiterauswahl.html1}" id="html1">
<ui:head binding="#{personal$Mitarbeiterauswahl.head1}" id="head1">
<ui:link binding="#{personal$Mitarbeiterauswahl.link1}" id="link1" url="/resources/stylesheet.css"/>
<ui:script binding="#{personal$Mitarbeiterauswahl.scriptFenster}" id="scriptFenster" url="/resources/fenster.js"/>
</ui:head>
<ui:body binding="#{personal$Mitarbeiterauswahl.body1}" id="body1" style=" -rave-layout: grid">
<jsp:directive.include file="../Menue.jspf"/>
<ui:form binding="#{personal$Mitarbeiterauswahl.form1}" id="form1">
<div>
<jsp:directive.include file="../Fensterkennung.jspf"/>
</div>
<ui:tabSet binding="#{personal$Mitarbeiterauswahl.tabSetPersonaldaten}" id="tabSetPersonaldaten" selected="tabSuchen" style="position: absolute; left: 0px; top: 36px; width: 100%;">
<ui:tab binding="#{personal$Mitarbeiterauswahl.tabSuchen}" id="tabSuchen" text="#{akt.funktion110}">
<ui:panelLayout binding="#{personal$Mitarbeiterauswahl.layoutPanelSuchen}" id="layoutPanelSuchen">
<h:panelGrid binding="#{personal$Mitarbeiterauswahl.gridPanelSuchen}" columnClasses="gridlabel, griddata" columns="2"
id="gridPanelSuchen" style="position:absolute; left:100px; top:30px;">
<ui:label binding="#{personal$Mitarbeiterauswahl.labelPersonalnummerSuchen}" id="labelPersonalnummerSuchen" text="#{lab.mitarbeiterauswahl_personalnummer}"/>
<ui:textField binding="#{personal$Mitarbeiterauswahl.textFieldPersonalnummerSuchen}" converter="javax.faces.Long"
id="textFieldPersonalnummerSuchen" maxLength="10" styleClass="eingabe1"/>
<ui:label binding="#{personal$Mitarbeiterauswahl.labelNameSuchen}" for="textFieldNameSuchen" id="labelNameSuchen" text="#{lab.mitarbeiterauswahl_name}"/>
<ui:textField binding="#{personal$Mitarbeiterauswahl.textFieldNameSuchen}" converter="TextTrim" id="textFieldNameSuchen"
maxLength="30" styleClass="eingabe4"/>
<ui:label binding="#{personal$Mitarbeiterauswahl.labelGeburtsdatumSuchen}" id="labelGeburtsdatumSuchen" text="#{lab.mitarbeiterauswahl_geburtsdatum}"/>
<ui:textField binding="#{personal$Mitarbeiterauswahl.textFieldGeburtsdatumSuchen}"
converter="#{SessionBean1.sqlDateConverter}" id="textFieldGeburtsdatumSuchen" maxLength="10" styleClass="eingabe1"/>
<ui:label binding="#{personal$Mitarbeiterauswahl.labelTaetigkeitSuchen}" id="labelTaetigkeitSuchen" text="#{lab.mitarbeiterauswahl_taetigkeit}"/>
<ui:dropDown binding="#{personal$Mitarbeiterauswahl.dropDownTaetigkeitSuchen}" id="dropDownTaetigkeitSuchen"
items="#{personal$Mitarbeiterauswahl.listOptionsTaetigkeitSuchen}" styleClass="eingabe4"/>
<ui:label binding="#{personal$Mitarbeiterauswahl.labelVereinbarungSuchen}" id="labelVereinbarungSuchen" text="#{lab.mitarbeiterauswahl_zusatzvereinbarung}"/>
<ui:textField binding="#{personal$Mitarbeiterauswahl.textFieldVereinbarungSuchen}" id="textFieldVereinbarungSuchen" styleClass="eingabe4"/>
<ui:label binding="#{personal$Mitarbeiterauswahl.labelSortieren}" id="labelSortieren" text="#{lab.mitarbeiterauswahl_sortieren}"/>
<ui:radioButtonGroup binding="#{personal$Mitarbeiterauswahl.radioButtonGroupSortieren}" columns="4"
id="radioButtonGroupSortieren"
items="#{personal$Mitarbeiterauswahl.radioButtonGroupSortierenDefaultOptions.options}" required="true" selected="#{personal$Mitarbeiterauswahl.radioButtonGroupSortierenDefaultOptions.selectedValue}"/>
<ui:label binding="#{personal$Mitarbeiterauswahl.labelDummy1}" id="labelDummy1"/>
<ui:button action="#{personal$Mitarbeiterauswahl.buttonSuchen_action}"
binding="#{personal$Mitarbeiterauswahl.buttonSuchen}" id="buttonSuchen" text="#{akt.button_suchen}"/>
<ui:label binding="#{personal$Mitarbeiterauswahl.labelDummy2}" id="labelDummy2"/>
<ui:listbox binding="#{personal$Mitarbeiterauswahl.listboxSuche}" id="listboxSuche" monospace="true"
onDblClick="#{personal$Mitarbeiterauswahl.onDblClickAction}" rows="20" styleClass="eingabe7"/>
<ui:label binding="#{personal$Mitarbeiterauswahl.labelDummy3}" id="labelDummy3"/>
<ui:panelLayout binding="#{personal$Mitarbeiterauswahl.layoutPanelButtons2}" id="layoutPanelButtons2" panelLayout="flow">
<ui:button action="#{personal$Mitarbeiterauswahl.buttonNeu_action}"
binding="#{personal$Mitarbeiterauswahl.buttonNeu}" id="buttonNeu" immediate="true" text="#{akt.button_neu}"/>
<ui:button action="#{personal$Mitarbeiterauswahl.buttonBearbeiten_action}"
binding="#{personal$Mitarbeiterauswahl.buttonBearbeiten}" id="buttonBearbeiten" text="#{akt.button_bearbeiten}"/>
<ui:button action="#{personal$Mitarbeiterauswahl.buttonLoeschen_action}"
binding="#{personal$Mitarbeiterauswahl.buttonLoeschen}" id="buttonLoeschen" text="#{akt.button_loeschen}"/>
</ui:panelLayout>
</h:panelGrid>
</ui:panelLayout>
</ui:tab>
</ui:tabSet>
<h:panelGrid binding="#{personal$Mitarbeiterauswahl.gridPanelFehler}" id="gridPanelFehler" onclick="this.style.display = 'none';" style="position: absolute; right: 20px; bottom: 50px; width: 250px; height: 78px;"/>
<ui:panelLayout binding="#{personal$Mitarbeiterauswahl.layoutPanelConfirm}" id="layoutPanelConfirm" panelLayout="flow" style="position:absolute; top:36px; left:0px;width:100%; height:700px;">
<h:panelGrid binding="#{personal$Mitarbeiterauswahl.gridPanelConfirm}" columns="1" id="gridPanelConfirm" style="margin-left:auto; margin-right:auto; margin-top:300px; background-color:#FF3333;">
<ui:staticText binding="#{personal$Mitarbeiterauswahl.staticTextConfirm}" id="staticTextConfirm" text="#{msg.global_loeschen}"/>
<ui:panelLayout binding="#{personal$Mitarbeiterauswahl.layoutPanelConfirmButtons}" id="layoutPanelConfirmButtons" panelLayout="flow">
<ui:button action="#{personal$Mitarbeiterauswahl.buttonConfirmYes_action}"
binding="#{personal$Mitarbeiterauswahl.buttonConfirmYes}" id="buttonConfirmYes" text="#{akt.button_ja}"/>
<ui:button action="#{personal$Mitarbeiterauswahl.buttonConfirmNo_action}"
binding="#{personal$Mitarbeiterauswahl.buttonConfirmNo}" id="buttonConfirmNo" text="#{akt.button_nein}"/>
</ui:panelLayout>
</h:panelGrid>
</ui:panelLayout>
</ui:form>
</ui:body>
</ui:html>
</ui:page>
</f:view>
</jsp:root> -
SAP BO Dashboards 4.1 best practice on layout and components
Dear SCN,
I have requirement to create a BO 4.1 dashboard with data & Visualization based on a excel sheet which is currently in use as a Mgmt dashboard. The current excel dashboard is having more than 100 KPIs in one view which is readable only if you put in on a slide and view it in full screen by running a slideshow.
Question 1:
1. Being the suggested size of the Xcelsius canvas not more than 1024 X 768 so that it is viewable with out scroll bar in BI launchpad or in any browser or in pdf, I am trying to confirm in this forum that the canvas size of 1024 X 768 is the recommended maximum size for the dashboard to get the clear view in any browser/BI launchpad . Pls confirm as it will help me in doing the design for the KPIs and its visualization.
Question 2:
1. I am using the BICS connection and accessing the source data from BW. Because the no. of KPIs are more and ranging between 10 cubes and 40 queries as the data is across different modules, I would like to know what is the recommended no. of connections for queries /cubes in dashboard using BICS connectivity which does not affect the performance
2. For the same dashboard using BICS connection, What is ideal number of components like Charts/Scorecard/Spreadsheet table that is recommended to use to ensure better performance?
I appreciate your answers which can help the finalization of the dashboard design for this dashboard of data and visualization requirements which is very high when compared to the normal dashboards.
Thanks and Regards
JanaHi Suman,
Thanks for your answers.You answers and links which you have attached are helpful and It answered my questions related to canvas size and Connections.
I am expecting some benchmark numbers as per the best practices with respect to the No. of components to be used to ensure the better loading of the dashboard. As the increase in number of components increase the size of the dashboard and also it requires more time to load the data for the components, I am looking for the number as per the best practice by considering the below points.
1. When I say the no. of components, I am not considering the components like label, text box,combo box or list box. I am considering the components which is used for visualization and interactive drill down on top of the visualized charts ( For Eg. Column charts, Pie charts, Gauges ).
2.I am not going to use more calculations/formulas in my dashboards as the values and structure are almost the same with the BEx query.
3.Having around 10 to 12 connections.
4.The data sets are not more than 900 rows totally. For any control, we will be binding only 100 rows at the max as the data for the KPIs are summarized at the year/month level at the BW layer.
Since the KPIs are more, the Visualizations are more and we can't re-use the Visualization charts for most of the KPIs. Currently I am ending up with ~35 charts/ gauges along with other label and selection controls which I will be using to show 100 KPIs with unique visualization requirements and I am going for the tab-wise layout with more dynamic to accommodate and separate logically.
Hope these details will give clear picture of why I am looking for the Benchmark on No. of components .
I appreciate your help!
Thanks and Regards
Jana -
Best Practices for image layout and positioning using anchored frames in Framemaker 10
Hi,
I'm looking for the best practices in how to layout my images in Framemaker 10 so that they translate correctly to Robohelp 9. I currently have images inside of Anchored frames that "Run into" the right side of my text. I've adjusted the size of the anchored frame so that my text flows correctly around the image. Everything looks good in Framemaker! Yeah! The problem is that when I link my Framemaker document to Robohelp, the text does not flow around my image in the same manner. On a couple of Robohelp screens the image is running into the footer. I'm wondering if I should be using tables in Framemaker in order to get the page layout that I'm looking for. Also, I went back and forth...is this a Framemaker question or is this a Robohelp question. Any assistance would be greatly appreciated.I wish I could offer some advice, rather than simply adding to your question. I think there is something odd that happens with anchored frames.
I have been going through fits trying to figure out why the placement of my graphics shifts when I run them through Frame 10-to-RoboHelp 9 conversion. The placement in our books is flush left to the body text area. However, when they convert, some are flush left, some are centered, and a very few are flush right. My boss is very unhappy with me, as I have been unable to figure out why this is happening. I didn't create these files, so I don't know if it's something that goes back to how the graphics were initially imported. But I can't figure out why everything looks right in Framemaker, with the frame attached to an anchor tag, etc. but the placement goes hinky when they convert.
Any insights are appreciated. I'm wondering if it's going to come down to deleting them and recreating the graphic frame. -
Best practice DISK Layout for E-business suite 11i or R12 in SAN enviornmen
Hi,
Does any one have any document on best practices on DISK Layout for E-business suite 11i or R12 in SAN enviornment?
My thoughts are :
Mount point 1 =Oracle Binary
Mount point 2 =Data files
Mount point 2 =Index files
Mount point 2 =Archived logs
Please suggestOn our HPUX node, we have each environment (PROD, TEST, DEV) on it's own separate mountpoint. Each mountpoint is a separate LUN (Vdisk) on our SAN (an HP EVA4400). No performance issues at all. Our Windows nodes runs Apache and forms, and that is on the internal disks on the windows machine itself. Hope this helps.
-
Best practice creating an Corporate Design (Layout) with a web dynpro
I got now a dynpro application that has the functionality of my wishes.
but how to create a corporate design (layout) for my customer?
i heared that there is a special protal editor for making layouts?
do you know a best practice? or is it best to work witch the dynpro explorer itself?Hi,
if the application parameter WDTHEMEROOT is not availiable together with the other application parameters in the Workbench, then you might have a lower support package...
For the style sheet editor you need a portal installation, it belongs to the portal. There's no ABAP transaction for that or ABAP only style sheet editor.
Regards, Heidi
PS: See also CSS for WebDynpro ABAP without Portal
Message was edited by:
Heidi von Geisau -
Seeking recommendations for best practices for converting hi-res magazine INDD docs to .jpgs for web portfolio
Export to a hi-res PDF, then do your conversion in Photoshop where you have more control.
-
Resources for from design - best practices for layout?
Hi,
I have made a number of forms fo the past few years. I feel like they look dated and are somewhat stale... I have found a few resources out there on Javascript best practices and more mechanical focused articles, but nothing really specific design as it relates to usability and "feel". I realized some of this is subjective and varies depending on the form's purpose, but I am just looking for some new ideas.
Does anyone have a resource or listing of froms they think are outstanidng from a design perspective?
Is anyone willing to share forms they think are outstanding? Just that baisics like information collection?
How much color and line type objects become to much?
What are some design elements used in "web 2.0" (whatver that really means) that we sould be using in our forms. tempered with what can be done.
I am looking for this to be an open disucssion and am curious to hear what works for others. I hope others will find this interesting and helpful.
Cheers,
TomAnd the second snippet code validates any form to check every fields if values are not null, if a value is null it will setFocus on the first null field
2. Validate Form and Focus on First Field that Fails Validation
2.1 Create a script Object with two small methods to return a table of fields that have null values
Script Object :
form1.#variables[0].myForm - (JavaScript, client)
//Tab for field's expressions and field's exceptions
var tabExpression;
var tabException;
function validateAllFields(rootObject){
//If a field is null, stop everything
if (tabExpression.length > 0)
return;
//If the 'presence' property is by default 'visible' in the form and the object value is 'visible', the 'presence' property doesn't exist
//If its default value is "hidden", the property always exist
if (!rootObject.isPropertySpecified("presence") || rootObject.presence == "visible"){
//Verify if the object contains an interface 'button'
//The button is considered as a 'field', so if it's not a button the statement is true
if (!(rootObject.isPropertySpecified("ui") && rootObject.ui.nodes.item(0).className == "button")){
//If the object contains nodes and if it's not a 'field' or a RadioButtonList
if (rootObject.nodes.length > 0 && (rootObject.className != "field" && rootObject.className != "exclGroup")){
//Recall this method for each nodes in the object to find every fields (Recursive Method)
for (var i = 0; i < rootObject.nodes.length; i++){
validateAllFields(rootObject.nodes.item(i));
//Verify to add the object in the list if the object is a field and if it contains a value
if (rootObject.className == "field" || rootObject.className == "exclGroup"){
if (rootObject.rawValue == null || rootObject.rawValue == 0){
//Variable to determines if the object is an exception field
var boValidate = true;
//If there's exception fields
if (tabException.length > 0){
//Verify if the field is in the exception list
if (tabException.indexOf(rootObject.name) != -1){
boValidate = false;
//Add if the object is not in the exception table
if (boValidate)
tabExpression[tabExpression.length] = rootObject.somExpression;
2.2 Create this method in your object as well, and will be called on a click_event
function getValExpressions(rootObject, tabExcption){
//Create new table
tabExpression = new Array();
//Put the exceptions fields value in the exception table
tabException = tabExcption
//Validation
validateAllFields(rootObject);
//Return a null field
return tabExpression;
2.3 The click event is where you write the special validation for different forms
//Create a table with exception fields, can be used for special validation fields or no validation
var tabExceptionFields = new Array("dateField1", "txtComments", "txtTotal");
//Call the validation
var tab = myForm.getValExpressions(Main, tabExceptionFields);
if (tab.length > ){
xfa.host.setFocus(tab[0]);
} else{
var boValidate = false;
var strExpression;
//write your validation according to the fields you need special validation.
if (statement == false){
strExpression = Reference_Syntax.Field.somExpression;
boValidate = false;
if (boValidate){
xfa.host.print(1, "0", (xfa.host.numPages -1).toString(), 0, 0, 0, 0, 0);
} else{
xfa.host.setFocus(strExpression);
I will post a form template as an exemple for these function
Enjoy!
Message was edited by: Magus069 -
Best Practice for Image placement and Anchored Frames for use in Robohelp 9
Hi,
I'm looking for the best practices in how to layout my images in Framemaker 10 so that they translate correctly to Robohelp 9. I currently have images inside of Anchored frames that "Run into" the right side of my text. I've adjusted the size of the anchored frame so that my text flows correctly around the image. Everything looks good in Framemaker! Yeah! The problem is that when I link my Framemaker document to Robohelp, the text does not flow around my image in the same manner. On a couple of Robohelp screens the image is running into the footer. I'm wondering if I should be using tables in Framemaker in order to get the page layout that I'm looking for. Also, I went back and forth...is this a Framemaker question or is this a Robohelp question. Any assistance would be greatly appreciated.I think Jeff is meaning this section of the RoboHelp forums:
http://forums.adobe.com/community/robohelp/robohelp_framemaker
Maybe you are looking for
-
Can't find Dowloads foler in iTunes Music Folder
Hi, I can't find the iTunes Downloads Folder in iTunes Music Folder. I've tried searching for it using Find and Spotlight, but couldn't locate it. Can anyone tell me how to find it? Caoim
-
Help! Can't edit certain areas of a document.
Hi! I am new to using Indesign. In making name tags for a class reunion and someone gave me files that I can edit and save. The problem is I can only seem to edit areas that have a solid blue line around them. Some areas have a dotted line around the
-
Wl 6.0 libproxy and nes 3.6 problems....
Having a problem getting libproxy to function properly on nes 3.6 Added the proper entries for the plugin in obj.conf; reloaded. Nes instance starts up fine. If I attempt to access the url (i've defined by ppath) the app server never get's hit. It's
-
Can't get anything at all to open in CS6
I can't get anything at all to open in CS6 (on a Mac OS X 10) and can't create `new. Yesterday it was working perfectly.
-
GREP style for one specific paragraph
Hi all, I'm faced with the following problem in a textdocument I've got to rework in InDesign. The text is based on 3 'groups' of information. First there is a title, beginning with: "1.1. Title (so two digits and a paragraph), a body text, and a sou