Alpha Software Mobile Development Tools:   Alpha Anywhere    |   Alpha TransForm subscribe to our YouTube Channel  Follow Us on LinkedIn  Follow Us on Twitter  Follow Us on Facebook
Devcon 2020 Goes Virtual! LEARN MORE >

Announcement

Collapse

The Alpha Software Forum Participation Guidelines

The Alpha Software Forum is a free forum created for Alpha Software Developer Community to ask for help, exchange ideas, and share solutions. Alpha Software strives to create an environment where all members of the community can feel safe to participate. In order to ensure the Alpha Software Forum is a place where all feel welcome, forum participants are expected to behave as follows:
  • Be professional in your conduct
  • Be kind to others
  • Be constructive when giving feedback
  • Be open to new ideas and suggestions
  • Stay on topic


Be sure all comments and threads you post are respectful. Posts that contain any of the following content will be considered a violation of your agreement as a member of the Alpha Software Forum Community and will be moderated:
  • Spam.
  • Vulgar language.
  • Quotes from private conversations without permission, including pricing and other sales related discussions.
  • Personal attacks, insults, or subtle put-downs.
  • Harassment, bullying, threatening, mocking, shaming, or deriding anyone.
  • Sexist, racist, homophobic, transphobic, ableist, or otherwise discriminatory jokes and language.
  • Sexually explicit or violent material, links, or language.
  • Pirated, hacked, or copyright-infringing material.
  • Encouraging of others to engage in the above behaviors.


If a thread or post is found to contain any of the content outlined above, a moderator may choose to take one of the following actions:
  • Remove the Post or Thread - the content is removed from the forum.
  • Place the User in Moderation - all posts and new threads must be approved by a moderator before they are posted.
  • Temporarily Ban the User - user is banned from forum for a period of time.
  • Permanently Ban the User - user is permanently banned from the forum.


Moderators may also rename posts and threads if they are too generic or do not property reflect the content.

Moderators may move threads if they have been posted in the incorrect forum.

Threads/Posts questioning specific moderator decisions or actions (such as "why was a user banned?") are not allowed and will be removed.

The owners of Alpha Software Corporation (Forum Owner) reserve the right to remove, edit, move, or close any thread for any reason; or ban any forum member without notice, reason, or explanation.

Community members are encouraged to click the "Report Post" icon in the lower left of a given post if they feel the post is in violation of the rules. This will alert the Moderators to take a look.

Alpha Software Corporation may amend the guidelines from time to time and may also vary the procedures it sets out where appropriate in a particular case. Your agreement to comply with the guidelines will be deemed agreement to any changes to it.



Bonus TIPS for Successful Posting

Try a Search First
It is highly recommended that a Search be done on your topic before posting, as many questions have been answered in prior posts. As with any search engine, the shorter the search term, the more "hits" will be returned, but the more specific the search term is, the greater the relevance of those "hits". Searching for "table" might well return every message on the board while "tablesum" would greatly restrict the number of messages returned.

When you do post
First, make sure you are posting your question in the correct forum. For example, if you post an issue regarding Desktop applications on the Mobile & Browser Applications board , not only will your question not be seen by the appropriate audience, it may also be removed or relocated.

The more detail you provide about your problem or question, the more likely someone is to understand your request and be able to help. A sample database with a minimum of records (and its support files, zipped together) will make it much easier to diagnose issues with your application. Screen shots of error messages are especially helpful.

When explaining how to reproduce your problem, please be as detailed as possible. Describe every step, click-by-click and keypress-by-keypress. Otherwise when others try to duplicate your problem, they may do something slightly different and end up with different results.

A note about attachments
You may only attach one file to each message. Attachment file size is limited to 2MB. If you need to include several files, you may do so by zipping them into a single archive.

If you forgot to attach your files to your post, please do NOT create a new thread. Instead, reply to your original message and attach the file there.

When attaching screen shots, it is best to attach an image file (.BMP, .JPG, .GIF, .PNG, etc.) or a zip file of several images, as opposed to a Word document containing the screen shots. Because Word documents are prone to viruses, many message board users will not open your Word file, therefore limiting their ability to help you.

Similarly, if you are uploading a zipped archive, you should simply create a .ZIP file and not a self-extracting .EXE as many users will not run your EXE file.
See more
See less

How to put extra space at the bottom of an a5w page containing a tabbed ui

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
    #1

    How to put extra space at the bottom of an a5w page containing a tabbed ui

    I have a page with the following code:

    Code:
    <!DOCTYPE html>
<html>
<head>
<meta name="generator" content="Alpha Five HTML Editor Version 11 Build 2829-3984">
<!-- must use in order to make XP Themes render -->
<meta HTTP-EQUIV="MSThemeCompatible" content="Yes" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

<title></title>
</head>
<body>
<div style="background-color:#c0c0c0;">
<div style="WIDTH: 978px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; background-color:#ffffff;">
<%a5 a5w_include("tabbed_ui_page.a5w") %>
</div>
</div>
<p></p>
</body></html>
    I want to put extra stuff beneath the tabbed UI footer like is customary on a lot of sites, usually containing a bunch of links etc.
    So it comes to limiting the tabbed UI in height I think but I can't find how to do that.

    I also played with the tabbed UI minimum height for the content area but it is not clear to me what it stands for because the tabbed UI always fills up the full height of the screen and what I want is extra stuff under the footer area

    Anybody can help ?
    Last edited by Clipper87; 08-01-2012, 07:54 AM.
    Frank

    Tell me and I'll forget; show me and I may remember; involve me and I'll understand
    Tags: None
    #2
    Re: How to put extra space at the bottom of an a5w page containing a tabbed ui

    I use this in the User Defined Head content: <%a5 a5w_include("nav.a5w") %> and it loads the menu system. The Header text and footer text have the same tip:
    The HTML can include <%a5...%> Xbasic code blocks. I haven't tried it there yet, but in theory you should be able to put just about anything there.

    Comment

      #3
      Re: How to put extra space at the bottom of an a5w page containing a tabbed ui

      Lee,

      I know. Let me put it otherwise: I want my webpage to scroll vertically so the tabbed UI should not automatically "expand" to screen (window) height but have a fixed height for the content area.
      Hope this is clear
      Frank

      Tell me and I'll forget; show me and I may remember; involve me and I'll understand

      Comment

        #4
        Re: How to put extra space at the bottom of an a5w page containing a tabbed ui

        See attached image...

        tabbed_ui footer.gif

        Is that what you want?
        Peter
        AlphaBase Solutions, LLC

         [email protected]
        https://www.alphabasesolutions.com

        Comment

          #5
          Re: How to put extra space at the bottom of an a5w page containing a tabbed ui

          Peter,

          No that is the just the footer. I want a scrollbar in my browser and stuff under the footer of the tabbed ui (remember the tabbed ui A5W page is included on another a5w page so that it will not size to the width of the screen. What I want is that it does not size to the height of the screen either so that I get a "long" website with a scrollbar in the browser. See this example: tuiex1.pngtuiex2.png
          Frank

          Tell me and I'll forget; show me and I may remember; involve me and I'll understand

          Comment

            #6
            Re: How to put extra space at the bottom of an a5w page containing a tabbed ui

            Frank,

            Do you mean like this?

            content-below-tabbed-ui.pngcontent-below-tabbed-ui-2.png

            I know that this is not exactly what you specified, but the result is. I just added all the "stuff" between here and the closing body tag:

            Code:
            <%a5 ?x_out.Output.Body.TabbedUI_HTML %>
<p>stuff here</p> ... </body>
            Cheers!
            Lyle
            Cheers!
            Lyle Chamney
            http://www.2ninerniner2.com/
            Websites rebuilt with WordPress
            http://goodcheapfastwebsites.com/
            Complete, ready to install WordPress websites
            http://snifflevalve.com
            WordPress training and tutorials

            Comment

              #7
              Re: How to put extra space at the bottom of an a5w page containing a tabbed ui

              Tried it with your code and it works too. Also noticed that the two divs aren't properly closed
              Cheers!
              Lyle Chamney
              http://www.2ninerniner2.com/
              Websites rebuilt with WordPress
              http://goodcheapfastwebsites.com/
              Complete, ready to install WordPress websites
              http://snifflevalve.com
              WordPress training and tutorials

              Comment

                #8
                Re: How to put extra space at the bottom of an a5w page containing a tabbed ui

                Yes that is what I want but I don't want to edit the tabbed ui a5w page because every time you edit the tabbed ui it will be overwritten.

                I found the solution: between the 2 closing DIV's enter a break then a new div + set minimum height of the tabbed ui content area to 600px

                <!DOCTYPE html>
                <html>
                <head>
                <meta name="generator" content="Alpha Five HTML Editor Version 11 Build 2829-3984">
                <!-- must use in order to make XP Themes render -->
                <meta HTTP-EQUIV="MSThemeCompatible" content="Yes" />
                <meta http-equiv="X-UA-Compatible" content="IE=edge" />
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

                <title></title>
                </head>
                <body>
                <div style="background-color:#c0c0c0;">
                <div style="WIDTH: 978px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; background-color:#ffffff;">
                <%a5 a5w_include("tabbed_ui_page.a5w") %>
                </div>

                <br>
                <div style="WIDTH: 978px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; background-color:#ffffff;">
                stuff<br>
                stuff<br>
                stuff<br>
                stuff<br>
                </div>

                </div>

                </body></html>


                2012-08-01_1458.png
                Frank

                Tell me and I'll forget; show me and I may remember; involve me and I'll understand

                Comment

                  #9
                  Re: How to put extra space at the bottom of an a5w page containing a tabbed ui

                  Another option is use the "Other properties" section of the tabbed ui's builder to set the html to your taste:
                  Code:
                  tmpl.precalc.TabbedUIMasterTemplate = tmpl.precalc.TabbedUIMasterTemplate + "<div> <p>added stuff here.</p></div>"
                  Jim Coltz
                  Alpha Custom Database Solutions, LLC
                  A5CustomSolutions.com
                  [email protected]

                  Comment

                    #10
                    Re: How to put extra space at the bottom of an a5w page containing a tabbed ui

                    Jim,

                    Thx I am going to play with that!
                    Frank

                    Tell me and I'll forget; show me and I may remember; involve me and I'll understand

                    Comment

                      #11
                      Re: How to put extra space at the bottom of an a5w page containing a tabbed ui

                      Got another solution for you, just came across it tonight. Just create a new a5w page and include the generated page inside it. That way no matter how many times the tabbed ui page is regenerated you can have an additional header and footer.

                      Code:
                      <!DOCTYPE html>
<html>
<head>
<title></title>
<!--Alpha Five Temporary Code Start - Will be automatically removed when page is published -->
<!--CSS for tmpl_PRODUCT_LIST -->
<link rel="stylesheet" type="text/css" href="file:///C:/Users/juancho/Documents/My Small Bizz/pablos/pablos.WebProjects/Default.WebProject/css/reverse/style.css">
<!--Alpha Five Temporary Code End -->
</head>
<body>
<%a5 a5w_include("heading.a5w")%>

<div id="MainWrapper">
	<div class="MainArea">
	<%A5 a5w_include("gemstone_maint.a5w") %><!-- This is a tabbed ui generated page -->
	</div>
</div>

<%a5 a5w_include( "pablosbotton.htm" )%>
</body>
</html>
                      Hope that helps, what I been looking for is how to change the background-color of the tab panels, changed all of then on the style editor together with adding radius to the tabs, well the tabs got their radius, but the background color did not change.

                      Did a view source on the page and found colors that do not appear on the assets tab.
                      Juan Silva
                      My Small Bizz, LLC
                      sigpic

                      Comment

                      Previous template Next
                      Working...
                      X