Centering a Web Prototype - repeating bkg

I've been searching around the web looking for how to make my HTML prototype realistic, by centering it in the browser and having the background slice repeat. I've watched 90% of the Essential Training CS5 on Lynda.com, and while the instructors downloadable files center up and have a repeating background, I can't get mine to.
Maybe it's because I don't really know the correct name of all the tools, so a link or a short simple description of how to set up a prototype would be really great!

I'm working int the CS5 Chapter 9 file mockup_index_web.png. I think I just realized what is going on, it's not that preview in browser is actually centering up, it's that canvas size you were using is 1400 pixels wide, and it was giving the illusion of the complete background.
I was wondering if I mentioned Lynda.com if you'd notice, Jim. Thanks for the great training on the site! The Fw code is super messy, but I think I can figure the rest out. This response helped me finally understand what you were saying in the EssTraining about adding code in Dw.

Similar Messages

  • When previewed in browser or on the server the path of my web site repeats folders. However the "href" in the html code does not show the repetition in the path.

    If someone could help me on this one, this would be great. I am creating a web site that has several departments. I have categorized and saved each department in a main folder called "departments" and a subfolder for each one. In the Dreamweaver code view the pop-up menu links seem to show up properly, but when I preview in browser or upload to server "page not found" comes up because for some reason the address changes. Some parts of the address seem to be appearing twice, sometimes the entire path will appear twice as shown below:
    http://www.graphicmechanic.com/DEKALBCOUNTY/departments/parks-and-recreation/departments/p arks-and-recreation/pr-arabiamtn-map.html
    that is incorrect and it takes me to "web page cannot be found".
    It is obviously repeating the folders (hence the "departments/parks-and-recreation" twice. The correct link is:
    http://www.graphicmechanic.com/DEKALBCOUNTY/departments/parks-and-recreation/pr-arabiamtn- map.html
    The link issues are happening in the pop-up menu. For example if you go to http://www.graphicmechanic.com/DEKALBCOUNTY/departments/parks-and-recreation/pr-arabiamtn. html and rollover the link called "Arabia Mountain" in the links to the left side of the page, then click the pop-up menu link entitled "Arabia Mountain Map" that's where the problem occurs.
    Can anyone tell me how I can fix this problem. I don't know what I should do with the code since it already appears correct in html view.
    Please help if you can...
    Thanks in advance for any possible help you can provide...

    XonoBoom wrote:
    It is obviously repeating the folders (hence the "departments/parks-and-recreation" twice. The correct link is:
    http://www.graphicmechanic.com/DEKALBCOUNTY/departments/parks-and-recreation/pr- arabiamtn-map.html
    The link issues are happening in the pop-up menu.
    This problem usually happens when the menu is either a server-side include or a library item using links relative to the document. When you reference a page at a different level of the folder hierarchy, the document-relative links no longer point to the correct destination.
    Change the links in the menu to be relative to the site root.
    A document-relative link usually looks like this:
    <a href="../products/index.html">Products</a>
    A link relative to the site root begins with a forward slash like this:
    <a href="/products/index.html">Products</a>

  • Centering a web page

    Hello All;
    I receitly inquired about how to center a web site in a users browser and when I tried your suggestions, it worked. However, for some reason, my web pages are no longer centered though it looks like I have the Left and Right margins of the box category set to auto in the container div.
    Could someone look at the following web page and see if you can tell me why my website isn't being centered ?
    http://www.grc.nasa.gov/WWW/balloonsat/
    Thank you very much.
    Tim

    Thanks, Murray;
    I added the container div and now it's working. Not sure why it got deleted as it was there at one time.
    Tim

  • Keep Website Centered in Web Browser Window

    Hi
    Im using Dreamweaver CS4 and I was wondering, how can I make it so that whatever size you make your web browser window it stays in the middle? E.g. touchthisgames.com Its simple like my website will be but it all stays in the centre no matter what size your browser window is. Any help much appreciated, thanks.

    See the following link and view source code in browser.
    http://alt-web.com/TEMPLATES/Basic-1-col-fixed.html
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Web Prototype in Fireworks, Video is Flash.. now how to incorporate?

    All,
    I created an interactive design (yeah) with Fireworks CS4 and also created a very simple video and had Flash make it into its files. My problem is that Fireworks does not allow to import or bring in the video and from the looks of it, I really don't want to recreate the entire design in Flash [as I only wanted it to work on the video].
    How do I incorporate the two?
    From my understanding, I either
    [a] Re do everything in Flash
    [b] Learn Dreamweaver.. ugh
    [c] Learn how to cut-n-paste the html ???
    Newbie in trouble and looking for answers

    1. Export your Flash for the Web, including the HTML.
    2. Open the Flash HTML in a text editor and note the width and height of the player in the OBJECT / EMBED tags. Add 10 to each measure. For example, if it's 460 x 320, make that 470 x 330.
    3. In Fireworks, block out an area in your layout that takes up the size you computed in Step 2.
    4. Create a slice over the area you blocked out in Step 3.
    5. Export your Fireworks document with HTML.
    6. Open the Fireworks HTML in a text editor.
    7. Locate in that HTML the slice you created in Step 4. Remove all the code inside the TD tags for that slice.
    8. Copy and paste the OBJECT / EMBED code from the Flash HTML into the area where you deleted code in step 7.
    9. Save the Fireworks HTML. That's your new page and it should bring in the movie just fine. Some tinkering may be required to get backgrounds, etc. correct.
    10. Alternatively, you can use an IFRAME to import the Flash page into the slice area you removed in step 7.

  • Help: Centering the Web Page

    Hello everybody,
    I'm a bit new to Dreamweaver and I'm trying to create my very own website.
    However, when creating my site, I've used absolute positions for all of my apDiv-s and rollover images, so now when you open my web page, the whole site would be located at the left side of the browser.
    My problem: How do I center the positions of all the elements of the site?
    Thanks in advance,
    Emir doca

    Emir doca wrote:
    Thank you, Nadia, it helped! =)
    Terrific - good to know it worked  :-)
    Nadia
    Adobe® Community Expert : Dreamweaver
    http://www.perrelink.com.au
    Unique CSS Templates | Tutorials | SEO Articles
    http://www.DreamweaverResources.com
    http://twitter.com/nadiap

  • Why when I use the back button I have the same web site repeated many times in the history?

    If I am on ATT home page and open another tab and later use back button to go back to ATT page there are multiple ATT addresses. Maybe 5 or 10. This page was just used as an example.

    In Firefox 23 versions and later the keyword.URL pref is no longer supported and it is no longer possible to specify the search engine for the location bar via the keyword.URL pref.<br />
    The search engine that is used on the location bar and on the about:home page is the search engine that is selected in the search Bar on the Navigation Toolbar.<br />
    Current Firefox versions do not update the about:home home page until you refresh the page (future versions will do this automatically without a refresh) and that is what happens if you use the Back key.
    You can install the Keyword Search extension to specify with search engine to use for the location bar and which search engine to use for the about:home page via the Options/Preferences windows of this extension, accessible via the about:addons page.
    * Keyword Search: https://addons.mozilla.org/firefox/addon/keyword-search/

  • Centering a web page with nested layers (divs)

    Hi, I know this must be asked numerous times but some help woud be appreciated. I am currently upgrading my wed site produced in Dreamweaver 6 and 8.
    I used layers and nested layers with the page aligned to the left of the browser. I am now redesigning the whole site and would like the page centred. As a designed and signmaker I am trying a avoid an out of the box design.
    How can I centre my pages, preferably adapting existing pages to start with.
    www.curtissigns.com is the site and appologies for some of the very ancient and dated pages!!!
    If any can provide some advice or point me to some discussions. 
    All my efforts with CSS seem to be failing at the moment.
    Thanks      Stuart

    All individual elements on your page at the moment are 'absolutely' positioned - very bad pracitce. But, I understand you've mentioned you made this site a while ago.
    A quick fix for now would be to add this right after opening <body> tag:
    <div id="container">
    and this right before closing </body> tag:
    </div>
    Then, add this to the CSS part of your page (just after opening <style type...> right now, Line 85 on your HTML page. This will come before #apDiv1 rule:
    #container{
    left: 50%;
    margin-left: 520px;
    position: absolute;
    left: 50% will offset the Div container to 50% of page width. margin-left: 520px will slice that in almost half (at the moment, your page is about 1004px wide), thereby displaying the entire page in the center. I've used position: absolute now since otherwise, you cannot center it (as you already have all nested elements as absolute).
    But, I'd definitely recommend taking some time to re-create your webpage - never use 'position: absolute;' unless it is definitely required. You can do a great job with using 'float' and 'position: relative' tags.
    Good luck.
    -ST

  • Why is the text in the printed documentation centered? 

    Hello,
    When I generated print documentation (.DOC and .PDF), all of
    the text was centered. Also, it repeated the document twice (a 12
    page document is now 24, for example). Why is this happening? How
    can I fix it?
    Jennifer

    CENTERING
    In the last page of the wizard, did you select Use Project
    Styles or a Word template? Try using the Style Mapping template
    just to see if it fixes the problem.
    DUPLICATION
    Are you sure the pages are not duplicated in the print
    layout?
    Are topics linked to books in your TOC?

  • BOXIR2 FP4.6 -WebI report with merged dimensions: Incorrect data

    Issue: BOXIR2 FP 4.6 -WebI report with merged dimensions: Max value of an object from second query is displayed in the report even when the formula is based on the object from the first Query.
    Data displays properly on BOXIR2 SP2.
    Steps to reproduce.
    1.Use u2018Island Resort Marketingu2019 Universe to create a WebI report.
    2. Create a Query with objects u2018Reservation Dateu2019 and u2018Future guestsu2019 and apply a query filter where the u2018Reservation Dateu2019 is between 1/1/2001 and 31/1/2001 an Run the query.
    3. Add a second Query with the same objects i.e. u2018Reservation Dateu2019 and u2018Future guestsu2019 and apply a query filter where the u2018Reservation Dateu2019 is between 1/1/2001 and 31/12/2001.
    4. Create a report variable MaxDate using the syntax "=Max([Query 1].[Reservation Date]) In Report"
    5. Use the objects u2018Reservation Date Query 2u2019, u2018Future guests Query 2u2019 and u2018MaxDateu2019 variable to create a table in the report.
    You will find the Maxdate column displays Max date values of u2018Reservation Date Query 2u2019 instead of u2018Reservation Date Query 1u2019.
    Could you please advice me on this issue.

    Hi Hiteshwar,
    MaxDate variable returns a maximum of Reservation date  from Query 1 i.e. 1/15/01 which is correct. If you put that variable separately it will display that date correctly but you are grouping it along with objects from the query2 thatu2019s why it is displaying correct value for Query 2 where it finds 1/15/01, but for other values WEBI canu2019t group this value as it refers its formula which contains Query 1 reservation date.
    Hence we canu2019t say it is displaying values from Query 2 it is taking values from Query1 itself  for 1/15/2001 and for remaining values it is taking non matching values from Query 2 with which it is grouping.
    If you put that variable with objects from Query1 it wonu2019t display 1/15/01 but all values reservation date from query 1 contains because it is grouping based on reservation date though it is single max value.
    Even when you write "=Max(Query 2.Reservation Date) formula and use it with objects from query 1 though it contains so many values it matches (Groups) only the values from reservation date from Query 1.and displays only those values i.e. 1/1/2001 and 1/15/01.
    MaxDate returns 1/15/01 as Maximum Date value from Query 1 but Query 2 contains value far more greater than 1/15/01 hense that will be more incorrect data if WEBI displays maxdate as 1/15/01 along with Query 2 objects.
    Here we can avoid this behavior by Custom SQL but MaxDate is a report level variable hence we canu2019t edit SQL.
    If your data contains some duplicate values WEBI will repeat MaxDate value like
    Reservation date     Restaurant           Future_Guests    Total Guests 
    1/1/01                          ABC                         3                   3     
    1/15/01                       XYZ                          4                   8    
    1/16/01                       XYZ                          4                   8  
    By default, WEBI Groups Total Guests based on the Restaurant and Reservation Date, but if we want we can group those values based only on Restaurant which will duplicate Total Guest values for Restaurant XYZ. But you report contains only one dimension with all unique Values we canu2019t group those.
    I hope this is clear.
    Thanksu2026
    Pratik

  • Types of web reports

    Hi gurus,
    What are the types of web reports we have? Where do you specify them, Is it some sort of property setting?
    i'll asign points.
    regards
    priya

    Hi,
       Web application design, with the BEx Web Application Designer as its main tool, allows you to use generic OLAP navigation for your BI data in Web applications as well as in business intelligence cockpits for simple or highly individual scenarios. Web application design comprises a broad spectrum of Web-based business intelligence scenarios, which you can adjust to meet your individual needs using standard Web technologies.
    Features
    The following figure shows how the Web Application Designer is integrated into the function landscape and tool landscape of the Business Explorer:
    You can use this BEx Web Application Designer, the desktop application used to create Web applications, to generate HTML pages that contain BI-specific contents such as tables, charts or maps. These objects, which retrieve BI data from a data provider and place it in a Web application as HTML, are known as Web items. For more information about the Web items available, see Web Items. Web Applications are based on Web Templates that you create and edit in the Web Application Designer. You can save the Web templates and access them from the Web Browser or the portal. Once they have been executed in the Web, Web templates are known as Web Applications.
    Business Explorer Web application design allows you to create highly individual scenarios with user-defined interface elements by using standard markup languages and the Web design API. You can adjust and enhance the Web templates (the HTML pages that determine the structure of Web applications) on an individual basis. For more information on this, see Web Design API.
    The BEx Web Application Designer is a desktop application for creating Web applications with BI-specific content. Using the BEx Web Application Designer, you can create an HTML page containing BI-specific content such as various tables, charts, or maps. This HTML page (Web application) is the basis not only for Web applications with complex interaction, but also for Web cockpits and iViews.
    The command wizard and pattern wizard are integral parts of the Web Application Designer. Using the command wizard, you can easily generate commands from the Web Design API and include them in your Web template. Using the pattern wizard, you can configure BI patterns to a certain extent and tailor them to meet your needs.
    The initial view of the BEx Web Application Designer has four different screen areas in addition to the menu and toolbars.
          Web Items Screen Area
          Web Template Screen Area
          Properties Screen Area
          Error and Warnings Screen Area
    Applications with the BEx Web Application Designer. For more information about creating Web applications, see Creating Web Applications.
    You can adjust the appearance of the Web Application Designer to meet your requirements. The object on which you are working, namely the Web template, is handled differently from the tools and help windows with which you are working.
          You can show and hide the individual screen areas and toolbars using the View menu option.
          You can reposition the three toolbars and the Web Items and Properties windows as required. Depending on where you reposition the object, it is either anchored or appears freely as a toolbox.
          Since the Web Application Designer is a Multiple Document Interface Application (MDI Application), you can open and manage different windows with Web templates simultaneously. You can use the Window menu option to arrange the windows differently: cascading (overlapping), vertical, or horizontal.
    Using the BEx Web Application Designer, you can create a BEx Web application (an HTML page with BI-specific content) easily.
           1.      Creating a Web template
    The Web template is the starting point for creating a Web application. The Web template is an XHTML document that is used to define the structure of a Web application. It contains placeholders for Web items, data providers, and commands. A Web template becomes a Web application when the data is displayed in the Web browser.
    During the design process, you change the Web template by embedding placeholders for Web items and data providers. You can keep track of these changes in the XHTML view.
    To create a new Web template, choose Web Template ® New in the Web Application Designer menu bar. You can also create Web templates from the Select Web Template window. Choose Create New Web Template.
           2.      Setting the data binding/selection of the data provider
    The data for your Web items is provided by data providers that you create in the Web Application Designer. You can assign a data provider to multiple Web items. The data provider concept makes it possible to change the data source of a Web item easily. If a particular data provider is assigned to more than one Web item, any changes made affect all the assigned Web items. By means of navigation (by changing the drilldown), the Web item always displays the current drilldown data.
    A data provider is a dynamic object that returns current data for one or more Web items at runtime. You define the start view of the data provider by selecting a query or a query view. For more information about data providers, see Data Providers in BI Applications.
    There are several ways to create data providers:
              a.      In the Data Provider section in the Web Items screen area
               i.       Select whether you want to create a data provider of type Filter or type Query View, and drag the corresponding line into the lower data provider section of the Web template screen area. The Maintain Data Provider dialog box appears.
               ii.       Assign a name to the data provider and make the remaining settings required. 
    In the dropdown box beneath the name field, you can also select or change the data provider type.
               b.      Using the New Data Provider symbol in the lower data provider section of the Web Template screen area
               i.       Double-click to choose New Data Provider. The Maintain Data Provider dialog box appears.
               ii.       Proceed as described under a. ii.
                c.      Using the General tab page in the Properties screen area
    You can only use this option if you have already inserted a Web item into your Web template.
                 i.       In the header of the properties screen area, select the Web item for which you want to create a data provider.
                 ii.       On the General tab page, choose New Data Provider. The Maintain Data Provider dialog box appears.
    The data provider is assigned to the selected Web item. You can also create more than one data provider, as described under c. The data providers are listed in the dropdown box under Assigning Data Providers. This enables you to assign a different data provider to the selected Web item.
    The Maintain Data Provider dialog box appears under data provider: . You can modify or change the settings for the data provider here.
    When you have created a data provider, it is assigned to the inserted Web item. Assigning depends on the order of the data providers in the inner structure of the Web template. See also 4.a.
           3.      Adding a Web item
    The Web items in the Web Items screen area serve as templates. By dragging a Web item into your Web template, you create an actual version of the Web item; this is called an object. The Web item has a name and certain other default parameters that you can change as required (see also 4.).
    You see the changes in the XHTML view. A Web item tag for the Web item and a data provider tag for the data provider (assuming you have created a data provider) were integrated into the XHTML as placeholders. Change the name of the Web item and assign a data provider to it. In the XHTML view, you can see that your settings have been written to the Web item tag. The layout you choose is also applied in the XHTML.
                                a.      Drag a Web item from one of the Web item groupings Standard, Extended, or Miscellaneous in the Web Items screen area to the Web template by using drag and drop. The Web item appears in the Web template.
    Underneath the selection area for Web items and data provider maintenance, you see the help area, which provides explanations for the Web items and data providers. To display the texts for a Web item, select the Web item by double-clicking with the secondary mouse button. To hide the texts, proceed in the same way. When you hide the display of texts and select a Web item by single-clicking it, a quick info is displayed for the Web item.
                              b.      If you want to rename the inserted Web item, proceed as follows:
    In the Properties screen area, choose Rename Web Item to the right of the dropdown box in which the inserted Web items are listed. Name the Web item by overwriting the default text under Name in the Properties screen area next to the dropdown box in which the inserted Web items are listed.
           4.      Specifying the properties of the Web item
                                a.      In the Properties screen area, choose the General tab page to make or change the assignment of a data provider for the corresponding Web item. See also 2.
                                b.      Choose the Web Item Parameters tab page to set the parameters for the selected Web item.
    You can also set the parameters for the Chart Web item using the Edit Chart dialog box. Choose Edit in the context menu of the Chart Web item or Edit Chart in the Internal Display parameter grouping of the Chart Web item. For more information, see Editing Charts.
           5.      Adding additional Web items
    To insert additional Web items, repeat steps 3 and 4.
         When you insert additional Web items using Insert ® Web Item, pay attention to where you position the cursor in your Web template. The cursor position determines where the new Web item is inserted. See also Designing the Layout of Web Templates. When you insert Web items using drag and drop, the position of the cursor is irrelevant.
          Make sure that you set the data binding and any Web item-specific parameter settings for the correct Web item. To make settings for a Web item, select the Web item in the layout view. In the header of the Properties window, the system displays the Web item for which you can change the settings. As an alternative to selecting the individual Web items, you can use the dropdown box to toggle between the attributes of individual Web items.
           6.      Designing a Web template layout
    In the Web Application Designer, you create your Web template in the same way you do in various XHTML editors. See also Designing the Layout of Web Templates.
           7.      Changing the Web template properties
                                a.      To change the default properties of the Web template, select the Web template from the dropdown box in the Properties screen area.
                                b.      Choose the Web Template Parameters tab page, where you can change the parameter settings for the Web template.
    For more information, see Web Template Properties.
           8.      Saving and executing the Web template
    You execute the Web template in the Web browser (portal). The Web template becomes a Web application, which means the template is saved on the Application Server for ABAP and a URL is generated for this Web application.
    At runtime (triggered by calling the URL), the BI tags are replaced by corresponding HTML with the information determined by the Web item and data provider settings. When this is done, the Web template on the Application Server for ABAP is accessed. Therefore, you must save your Web template before you execute it.
                                a.      To save your Web template, in the menu bar of the Web Application Designer, choose Web Template ® Save.
                                b.      Choose Web Template ® Execute to view your Web application in the browser (portal).
    You must save the Web template before executing it in the Web browser. Therefore, when you execute the template, you are asked to save it if you have not already done so.
          To assign a Web template to a role, choose Web Template ® Publish ® In Role. See also Role Maintenance.
          To copy the URL of a Web template to the clipboard, choose Web Template ® Publish ® Copy URL to Clipboard. The Web template, however, must already be saved.
          To broadcast a Web template, choose Web Template ® Publish ® BEx Broadcaster.  For more information, see Precalculating and Broadcasting Queries, Query Views, Web Templates and Reports.
    Result
    Your Web application is started and displayed in the portal, which in turn runs in a Web browser.
    If you want to print your Web application, choose Print in the context menu for the executed Web application.

  • Any idea why a web application would cause Firefox to crash with signiture "nsJSScriptTimeoutHandler::cycleCollection::UnmarkPurple(nsISupports*)"?

    When testing a .net web application repeatedly we run into the same crash in Firefox. It doesn't happen on any general control, but any of the divs that are used as buttons. Also doesn't happen every time, can take hours before it is seen again, but always seems to be the same signature

    Forgot to include system details, in case they're of some use:
    Acer Extensa 4420 (laptop);
    AMD Athlon 64 x 2 Dual Core Processors TK-57, 1.90 GHz;
    Windows Vista Home Premium, 32-bit, SP2 (aka the Fischer Price version);
    Firefox 5.0;
    Adobe Flash (10.1 or 10.2 or whatever the most current version is)

  • How to creat  Web Templet

    Hi Team
    How to creat  Web Templet and what purpose we were using ,, please suggest me  asap
    regards
    trupti.

    Hi,
    Using the BEx Web Application Designer, you can create a BEx Web application (an HTML page with BI-specific content) easily.
    Procedure
           1.      Creating a Web Template
    The Web template is the starting point for creating a Web application. The Web template is an XHTML document that is used to define the structure of a Web application. It contains placeholders for Web items, data providers, and commands. A Web template becomes a Web application when the data is displayed in the Web browser.
    During the design process, you change the Web template by embedding placeholders for Web items and data providers. You can keep track of these changes in the XHTML view.
    To create a new Web template, you have the following options:
    &#9675;       In the menu of the Web Application Designer, choose Web Template ® New. A dialog box appears. Choose Blank Web Template.
    &#9675;       Choose Create New Blank Web Template in the upper area to the right in the initial Web Application Designer view.
    &#9675;       In the Web Application Designer tool bar, choose  with the quick info text New.
           2.      Setting the data binding/selection of the data provider
    The data for your Web items is provided by data providers that you create in the Web Application Designer. You can assign a data provider to multiple Web items. The data provider concept makes it possible to change the data source of a Web item easily. If a particular data provider is assigned to more than one Web item, any changes made affect all the assigned Web items. By means of navigation (by changing the drilldown), the Web item always displays the current drilldown data.
    A data provider is a dynamic object that returns current data for one or more Web items at runtime. You define the start view of the data provider by selecting a query or a query view. For more information about data providers, see Working with Data Providers.
    There are several ways to create data providers:
                                a.      Using the Data Provider pushbutton in the Web Items screen area
                                                      i.       Select whether you want to create a data provider of type Filter or type Query View, and drag the corresponding line into the lower data provider section of the Web template screen area. The Maintain Data Provider dialog box appears.
                                                    ii.       Assign a name to the data provider and make the remaining settings. 
    In the dropdown box beneath the name field, you can also select or change the data provider type.
                                b.      Using the New Data Provider icon in the lower data provider section of the Web Template screen area
                                                      i.       Double-click to choose New Data Provider. The Maintain Data Provider dialog box appears.
                                                    ii.       Proceed as described under a. ii.
                                c.      Using the General tab page in the Properties screen area
    You can only use this option if you have already inserted a Web item into your Web template.
                                                      i.       In the header of the properties screen area, select the Web item for which you want to create a data provider.
                                                    ii.       On the General tab page, choose New Data Provider. The Maintain Data Provider dialog box appears. Proceed as described under a. ii.
    The data provider is assigned to the selected Web item. You can also create more than one data provider, as described under c. The data providers are listed in the dropdown box under Assigning Data Providers. This enables you to assign a different data provider to the selected Web item.
    The New Data Provider dialog box appears under data provider . You can modify or change the settings for the data provider here.
    When you have created a data provider, it is assigned to the inserted Web item. Assigning depends on the order of the data providers in the inner structure of the Web template. See also 4.a.
           3.      Adding a Web item
    The Web items in the Web Items screen area are used as templates. By dragging a Web item into your Web template, you create an actual version of the Web item; this is called an object. The Web item has a name and certain other default parameters that you can change as required (see also 4.).
    You see the changes in the XHTML view. A Web item tag for the Web item and a data provider tag for the data provider (assuming you have created a data provider) were integrated into the XHTML as placeholders. Change the name of the Web item and assign a data provider to it. In the XHTML view, you can see that your settings have been written to the Web item tag. The layout you choose is also applied in the XHTML.
                                a.      Drag a Web item from one of the Web item groupings Standard, Advanced, or Miscellaneous in the Web Items screen area to the Web template by using drag and drop. The Web item appears in the Web template.
    Underneath the selection area for Web items and data provider maintenance, you see the help area, which provides explanations for the Web items and data providers. To display the texts for a Web item, select the Web item by double-clicking with the secondary mouse button. To hide the texts, proceed in the same way. When you hide the display of texts and select a Web item by clicking it, a quick info is displayed for the Web item.
                                b.      If you want to rename the inserted Web item, proceed as follows:
    In the Settings area of the screen, choose the Rename Web Item button to the right of the dropdown box in which the added Web items are listed. Name the Web item by overwriting the predefined text for Name in the Properties screen area next to the dropdown box where the added Web items are listed.
           4.      Specifying the properties of the Web item
                                a.      In the Properties screen area, choose the General tab page to make or change the assignment of a data provider for the corresponding Web item. See also 2.
                                b.      Choose the Web Item Parameters tab page to set the parameters for the selected Web item.
    You can also set the parameters for the Chart Web item using the Edit Chart dialog box. Choose Edit in the context menu of the Chart Web item or Edit Chart in the Internal Display parameter grouping of the Chart Web item. For more information, see Editing Charts.
           5.      Adding additional Web items
    To insert additional Web items, repeat steps 3 and 4.
    &#9679;        When you insert additional Web items using Insert ® Web Item, pay attention to where you position the cursor in your Web template. The cursor position determines where the new Web item is inserted. See also Designing the Layout of Web Templates. When you insert Web items using drag and drop, the position of the cursor is irrelevant.
    &#9679;        Make sure that you set the data binding and any Web-item-specific parameter settings for the correct Web item. To make settings for a Web item, select the Web item in the layout view. In the header of the Properties window, the system displays the Web item for which you can change the settings. As an alternative to selecting the individual Web items, you can use the dropdown box to toggle between the attributes of individual Web items.
           6.      Designing a Web template layout
    In the Web Application Designer, you create your Web template in the same way you do in various XHTML editors. See also Designing the Layout of Web Templates.
           7.      Changing the Web template properties
                                a.      To change the default properties of the Web template, select the Web template from the dropdown box in the Properties screen area.
                                b.      Choose the Web Template Parameters tab page, where you can change the parameter settings for the Web template.
    For more information, see Web Template Properties.
           8.      Saving and executing the Web template
    You execute the Web template in the Web browser (portal). The Web template becomes a Web application, which means the template is saved on the Application Server for ABAP and a URL is generated for this Web application.
    At runtime (triggered by calling the URL), the BI tags are replaced by corresponding HTML with the information determined by the Web item and data provider settings. When this is done, the Web template on the Application Server for ABAP is accessed. Therefore, you must save your Web template before you execute it.
                                a.      To save your Web template, in the menu bar of the Web Application Designer, choose Web Template ® Save.
                                b.      Choose Web Template ® Execute to view your Web application in the browser (portal).
    You must save the Web template before executing it in the Web browser. Therefore, when you execute the template, you are asked to save it if you have not already done so.
    &#9679;        To assign a Web template to a role, choose Web Template ® Publish ® In Role. See also Role Maintenance.
    &#9679;        To copy the URL of a Web template to the clipboard, choose Web Template ® Publish ® Copy URL to Clipboard. The Web template, however, must already be saved.
    &#9679;        To broadcast a Web template, choose Web Template ® Publish ® BEx Broadcaster.  For more information, see Precalculating and Broadcasting Queries, Query Views, Web Templates, and Reports.
    Result
    Your Web application is started and displayed in the portal, which in turn runs in a Web browser.
    If you want to print your Web application, choose Print in the context menu for the executed Web application.
    More Information:
    Further Editing Web Templates
    http://help.sap.com/saphelp_nw70/helpdata/en/44/b26a3b74a4fc31e10000000a114084/content.htm
    Reward if it useful
    Thanks,
    Jack

  • JTree, displaying data from a database

    Hi, im doing an application that will display the listing of courses, and allow users to book them. For the display of courses, i plan to use JTree to display them.
    However my problem arises from fetchin data and putting them into the tree.
    This file connects to the database and fetch the 'Course Category' and puts it in an Array.
    public ArrayList<CourseCategory> getCategory() {
    ArrayList<CourseCategory> categoryArray = new ArrayList();
    try {
    String statement = "SELECT * FROM Category";
    rs = stmt.executeQuery(statement);
    while (rs.next()) {
    CourseCategory cc = new CourseCategory();
    cc.setCategoryID(rs.getInt("CategoryID"));
    cc.setCategoryName(rs.getString("CategoryName"));
    categoryArray.add(cc);
    rs.close();
    stmt.close();
    con.close();
    catch (Exception e) {
    //catch exception     }
    return categoryArray;
    CourseCategory File has the necessary accessor methods, and a toString method to display out the category name.
    The main file, which has the JTree
    public DisplayCoursesGUI() {
    try {
    courseDB = new CourseDB();
    courseDB.getCategory();
    catch (Exception e) {
    //catch exception }
    DefaultMutableTreeNode top = new DefaultMutableTreeNode("");
    for (int i=0;i<courseDB.test2().size();i++) {
    category = new DefaultMutableTreeNode(courseDB.getCategory());
    top.add(category);
    Codes for JTrees as follows.
    I have the output of
    e.g.
    [MICROSOFT OFFICE APPLICATIONS, WEB APPLICATIONS] repeated twice in the tree. Im hoping to achieve the following effects
    e.g.
    -MICROSOFT OFFICE APPLICATIONS
    ----Microsoft Word
    ----Microsoft Powerpoint
    -WEB APPLICATIONS
    -----Adobe Photoshop
    I have 2 MS Access Table.[Category]ID, CategoryName. [COURSE]ID,CourseName,CategoryID. They have a relationship.
    How do I modify my codes to get what i hope to achieve? Help really appreciated.
    Thank you!!

    Hi,
    If you read my first post, I wanted to achieve this effect.
    ----CategoryName1
    ----------SubCategoryItem1
    ----CategoryName2
    ----------SubCategoryItem2
    My Table Structure.
    CATEGORY TABLE
    ID (autonumber), Name(string)
    COURSES TABLE
    ID(autonumber),Name(string), CategoryID(int)(A Relationship is link to Category Table-ID)
    I have managed to retrieve the items from the Category Table into a result set, and I have added the result set into an Array (See 1st post)
    Now, the problem comes when im tryin to do a for loop to display out the categorynames from the array(see 1st post again).
    Now my array prints out as follows
    e.g.
    [CategoryName1,CategoryName2]
    And if i put a for look into my application to display a JTREE,
    My end results is
    ------[CategoryName1, CategoryName2]
    ------[CategoryName1, CategoryName2]
    How should I ammend my codes to get:
    -------CategoryName1
    -------CategoryName2

  • Slices - HTML and CSS??

    Hello,
    I was wondering if someone with extensive experience with HTML and CSS AND PS could help me with my question:
    I have been marking up HTML and CSS for some time now using a basic text editor. As my designs have advanced, so has my ability in Photoshop and Illustrator. I came across a tutorial where someone is using PS to convert slices into HTML and CSS. Now, I have always used a text editor for HTML and CSS so this is all VERY new to me. Why would someone want to do this (wouldn't you have MUCH less control if you let PS write out your HTML and CSS for you)? What are the PROS and CONS to using Photoshop in this way over designing using text editors? Is this method of converting slices for people who don't want to learn HTML and CSS or is this a very valuable tool even for people who know HTML and CSS thoroughly?
    Thank you in advance....

    Frigglesworth wrote:
     Why would someone want to do this (wouldn't you have MUCH less control if you let PS write out your HTML and CSS for you)? What are the PROS and CONS to using Photoshop in this way over designing using text editors? Is this method of converting slices for people who don't want to learn HTML and CSS or is this a very valuable tool even for people who know HTML and CSS thoroughly? 
    Thank you in advance....
    The output is plain HTML/CSS so you have the same control to go back and edit it by hand.
    This all goes back to the concept of prototyping. When you are working up designs for a client you probably don't jump straight to typing HTML/CSS. You either present hand sketches or mocks from Photoshop. The idea is that if you have created a decent mock-up in Photoshop, you can proceed to slice it up to become the actual design.
    For a path to thousands of pages discussing the pros and cons of this concept, go here:
    http://www.google.com/search?q=web+prototyping+photoshop
    Photoshop web prototyping is evolving. ImageReady was dropped and with the acquisition of Fireworks from Macromedia (which does the same thing as Photoshop - - but many web designers claim it does it better), the future is uncertain regarding where Adobe will go. Good luck on finding an ideal workflow. I'm still looking too. 

Maybe you are looking for