Sizing the HTML client's content area above the footer

As I'm fairly new to the intricacies of the HTML client, I've a simple question with hopefully a simple answer.
Having designed the following screen (containing a custom scheduling control above a standard LS table) I've found that the footer (class: mssl-footer, data-role: footer) is overlaid on top of the content area (class: mssl-content, data-role: content): -
As a result, the lower portion of the table is obscured (in the above screen-shot I've adjusted the opacity of the footer to illustrate this overlay).  As a consequence this will make scrolling the table and viewing the entries slightly awkward
and it looks a bit messy.
So the question I have is, what's the 'best-practice' approach to avoid this overlay and have the content area stop short just above the footer?
Any guidance on how to address this would be appreciated.
Kind regards,
Chris

I don't know the answer but I would love to see a sample project that uses this custom control. I need to implement something very similar but am not a developer just and admin trying to use Lightswitch in a small business.
Hi Dave,
I've only just noticed your question regarding the scheduling control (as it was posted against a temporary user account I don't monitor) so apologies for the delay in replying.
The control in the screen-shot is the
dhtmlxScheduler which works very well with LightSwitch and offers a great set of features.
Also, for Sergey, we addressed the sizing issue with a change to the msls LightSwitch library as covered in the following post: -
HTML Client Custom Control Stretch to Container Sizing Bug, Problem?
HTH,
Chris

Similar Messages

  • How to separate content area from the image area in cs6

    how to separate content area from the image area in cs6? looks just fine in design view but when opened up in explorer my text /content area is over the image area. the content is suppose to be below the image not over it. How do I move it down? Everything I have tried has not worked ;(

    Is your image in the CSS (background) or the HTML (foreground)? 
    Try copying and pasting this code into a new, blank document.  Change placehold.it images to your own.  Save and preview in browsers.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5 with CSS 2-Col Layout</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <![endif]-->
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <style>
    /**CSS Reset**/
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    img {
        width: 100%;
        vertical-align: baseline;
    /**Layout**/
    body {
        padding: 0;
        width: 90%; /**adjust width in px or % as desired**/
        margin: 0 auto; /**this is centered**/
        background: #CFF;
        color: #505050;
        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        font-size: 100%;
        box-shadow: 2px 2px 4px #333;
    header {
        margin: 0;
        padding: 0 1%;
        width: 100%;
        background: #B00202;
        color: #FFF;
    /**top menu**/
    nav {
        background: #EAEAEA;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold
    nav ul {
        margin: 0;
        padding: 0;
    nav li {
        list-style: none;
        display: inline-block;
        margin: 0 3% 0 5%;
    /**menu link styles**/
    nav li a {
        color: #666;
        text-decoration: none;
        line-height: 2.5em;
        padding: 6px;
        border: 1px solid #CCC;
    /**on select or mouseover**/
    nav li a:hover, nav li a:active, nav li a:focus {
        background: #CCC;
        color: #505050;
    #wrapper {
        background: #EAEAEA;
        overflow: hidden; /**float contaiment**/
    /**main content**/
    article {
        padding: 0 2%;
        background: #FFF;
        float: left;
        width: 70%;
    figure {
        width: 80%;
        margin: 4% auto 4% auto;
        text-align: center;
    /**right sidebar**/
    aside {
        padding: 0 2%;
        float: left;
        width: 30%;
    footer {
        clear: both;
        background: #B00202;
        color: #FFF;
        text-align: center;
        margin: 0;
    /**typography**/
    header h1, header h2 {
        display: inline;
        color: #F5DD83;
        padding: 0 1%;
    h3 {
        color: #2294AE;
        margin-bottom: 0
    p { margin: 0 0 1em 0 }
    figcaption {
        text-align: center;
        font-style: oblique;
        font-size: small;
        color: #2294AE;
    </style>
    </head>
    <body>
    <!--begin header-->
    <header> <h1>Sitename</h1>
    <h2>|  Responsive CSS Layout</h2>
    </header>
    <!--begin navigation-->
    <nav>
    <ul>
    <li><a href="#">Menu Item1</a></li>
    <li><a href="#">Menu Item1</a></li>
    <li><a href="#">Menu Item1</a></li>
    <li><a href="#">Menu Item1</a></li>
    <li><a href="#">Menu Item1</a></li>
    </ul>
    </nav>
    <div id="wrapper">
    <!--begin main content-->
    <img class="banner" src="http://placehold.it/1056x100/198EBA/FFFFFF&text=Banner.jpg" alt="banner" />
    <article> <h3>Article</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Mauris vitae libero lacus, vel hendrerit nisi!  Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus.  Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.  Aenean tristique enim ut ante dignissim. </p>
    <figure> <img src="http://placehold.it/500x325" alt="placeholder">
    <figcaption>Figure 2 Caption</figcaption>
    </figure>
    </article>
    <!--begin right sidebar-->
    <aside> <h3>Aside</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Mauris vitae libero lacus, vel hendrerit nisi!  Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
    <hr>
    <p>Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.  Aenean tristique enim ut ante dignissim. </p>
    <hr>
    <p>Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.  Aenean tristique enim ut ante dignissim. </p>
    </aside>
    <!--end wrapper--></div>
    <!--begin footer-->
    <footer> <small>© 2014 Your Site Name. All rights reserved</small> </footer>
    </body>
    </html>
    Nancy O.

  • How to test and develop the HTML/Backbone custom content viewer on IPad?

    Hi
    I have been tasked with developing and amending the HTML/Backbone custom content viewer as nicely detailed and explained by Derek Lu here:
    https://www.adobe.com/devnet/digitalpublishingsuite/articles/html-default-library.html#
    I can see that by removing the reference to libs/AdobeLibraryAPI.js in Index.html i am able to "test" on the desktop.
    <!--
        The DPS library/store API.
        The include below should be commented out when testing on the desktop.
    <script src="libs/AdobeLibraryAPI.js"></script>-->
    and that data is bought in via the fulfilment XML feed and the parse method is called on Librarycollection.
    I have made the changes to hook up the viewer to bring in some folios that we are developing.
    However, although this provides the ability to test and develop on the desktop in one form since we are using JS and Backbone, there are various checks within the provided code to see if ADOBE.isAPIAvailable.
    If it is, then the behaviour is different than on the desktop, so once the viewer is packaged up and put on the IPad there is disparity between what you were able to check and test on the desktop version against what is shown on the IPad.
    The question therefore is... is there a quick way to develop and test on the Ipad ... it doesnt seem like a viable option to develop blindly on the desktop and then package up the content viewer within Adobe DPS to check how those changes behave on the IPad?
    To re-iterate the viewer is to make use of backbone / js example to provide greater functionality and options for customisation.
    Thanks in anticipation.
    Dave

    Thankyou for taking the time to respond and for providing such detailed articles on adobe dps development, it is much appreciated.
    I had completely missed that article and was struggling to find anything useful from googling!
    Dave

  • Page cannot be displayed message ONLY on the content area of the portal

    Hi All,
    I am using Netweaver Portal 7.0 and the portal works fine if logged in as an end user. But when I'm logged in as Administrator and whenever I try to create a portal object (iview or pages etc), I get a page cannot be displayed message ONLY on the content area of the portal. It is happening quite frequently, any clue what is wrong here?
    Thanks for your help
    -Mike

    Hi
    This could  sometimes happen because of  multiple users working on the same content .
    Edited by: chandana kallu on Mar 11, 2008 1:41 PM

  • !!!!!!! IMPORTANT !!!!!!!!!!!! Can't reach the tabs of edit content area

    I have a big problem.
    When I try to edit a content area, i come to the following tab : MAIN
    But when I click on any other tab i get :
    The page cannot be found
    The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.
    Please try the following:
    If you typed the page address in the Address bar, make sure that it is spelled correctly.
    Open the portal.irc.be home page, and then look for links to the information you want.
    Click the Back button to try another link.
    Click Search to look for information on the Internet.
    HTTP 404 - File not found
    Internet Explorer
    Can anyone help me please.
    THX in advance.
    P.S I have several databases running on 1 machine.
    I only get this message in one database.

    Hi,
    You must switch to the "master pages" tab first, then mark the content area to be able to move it.
    You cannot move the content area in the design view, since it is part of the master page.
    Regards

  • I am having major issues with links in keynote! Even though the links (a navigation system) are on the master page, they are only working on some of my slides. Anyone have ideas on how to fix this or similar issues? Help!

    I am having major issues with links in keynote! Even though the links (a navigation system) are on the master page, they are only working on some of my slides. Anyone have ideas on how to fix this or similar issues? Help!
    I have created a navigation system on the master pages and set the presentation to links only mode. I also have other links scattered throughout the program, like a linkable table of contents, etc. Some of them work, some of them don't. Not sure why. Anyone out there having similar issues? Or have any idea on how I can solve this issue? Any help would be appreciated!
    Thanks!

    Links should not create any problems in Keynote.  If they are set up correctly on text, the text will be underlined. Objects that have links will have a curved arrow bottom right, if you click the arrow a popup will display the link information.
    Try this repair for Keynote,  ensure you complete all the tasks and in the order shown:

    delete all the iWork applications if you have them, not just Keynote, using Appcleaner from Mac Update, its a freeware application

    empty the trash:  Finder > Empty Trash

    Shut down your Mac, wait 30 seconds, then power on the Mac, immediately after the start chime, hold down the Shift key
    When you see the grey Apple symbol and progress indicator (a spinning gear), release the Shift key.
    If you are prompted to log in, type your password, then hold down the Shift key again as you click Log in.
    4  
    Let the Mac fully boot up, it will take longer as the OS is repairing the drive

    when fully booted, go to Applications > Utilities > Disc Utility; click on the boot drive then First Aid tab and click  repair disc permissions

    when complete, restart the Mac normally, Apple menu > Restart

    install Keynote from the Mac App Store
    let us know if this helped

  • I have an iPad mini and an iPad 2. I can print email to my HP 6510 from the mini, but NOT from the iPad 2. Both are on the same wi-fi network. I have tried everything I can do including unplugging everything, restarting, etc.  Can anyone help?

    I have an iPad mini and an iPad 2. I can print email to my HP 6510 from the mini, but NOT from the iPad 2. Both are on the same wi-fi network. I have tried everything I can do including unplugging everything, restarting, etc.  Can anyone help?

    Thanks so much! My grandaughters played games on the iPad over Xmas and one of their moms said shed restricted their access! Guess they forgot to enable again. Thank you again! Karla

  • Cannot see the system folder(private work area) in the dependency manager

    Hi
    I am not able to see the 'system folder'(private work area) in the dependency manager tool.
    I have captured the user schema in this folder, and want to see dependency information of objects in it.
    Please Help.
    Thanks

    Hi Guru,
    Please go through SAP note # 1333684 and configure accordingly.
    Also, follow the note # 1042993, if problem is not getting resolved.
    Thanks
    Pavan

  • I cannot order photo prints from iphoto. Error says that the delivery address is in an unsupported country. The address and my account are in the UK. Does anyone have any ideas?

    I cannot order photo prints from iphoto. Error says that the delivery address is in an unsupported country. The address and my account are in the UK. Does anyone have any ideas?

    I cannot order photo prints from iphoto.
    Are you trying to print from iPhoto on your Mac or iPad/iPhone? If you are trying to print form yor Mac, check, if the Print Products Store in the iPhoto Preferences > Advanced is set to U.K.
    Also the bimmling address, Delivery address, the country for your AppleID and Credit Card must all be in the same country. Check this document:
    http://store.apple.com/uk/help/print_products
    -- Léonie

  • HT2518 When I try using Migration Assistant an error appears on my pc... "An error occurred while preparing your information for transfer."  My mac just continues searching for the pc and yet both are on the same wifi.  Please help!!!

    When I try using Migration Assistant an error appears on my pc... "An error occurred while preparing your information for transfer."  My mac just continues searching for the pc and yet both are on the same wifi.  I'm not getting anywhere!  Please help!!!

    Simple...
    http://www.apple.com/uk/support/mac/app-store/contact/

  • What's with the number in a red circle above the Facetime icon in the dock?

    What's with the number in a red circle above the FaceTime icon?  How do I get rid of it?

    I'm interested in this too, kongakut2012.  I can't see an envelope either.  I discovered that the number probably meant that I had a missed call, but when I cleared all recent calls (including the missed one) the number didn't go away.  So -- where's the envelope, please???

  • I would like to set up an older iPad with a new messages account so it can be used by my kids.  I don't, however, want to lose the apps or music that are on the iPad. Can I change only the Messages "account"?

    I would like to set up an older iPad with a new messages account so it can be used by my kids.  I don't, however, want to lose the apps or music that are on the iPad. Can I change only the Messages "account"?

    Thanks. I had tried that, but was still having problems. Then I realized that I was using three addresses on both devices.  Once I changed it to only one email on one iPad and a different email on the other, it worked great. Your message encouraged me to dig deeper and think differently. It worked. Thanks again!

  • Approach when the used Live cache data area crosses the threshold

    Hi,
    Could any of you please let me know the detailed approach when the used Live cache data area crosses the threshold in APO system?
    The approach I have as of now is :
    1) When it is identified that data cache usage is nearly 100%, check for hit rate for OMS data in data cache in LC10 .Because generally hit rate for OMS data in data cache should be atleaset 99.8% and Data Cache usage should be well below 100%.
    2) To monitor unsuccessful accesses to data cache choose refresh and compare value now and before unsuccessful accesses result in physical disk I/O and should generally be avoided.
    3) The number of OMS data pages (OMS Data) should be much higher than the number of OMS history pages (History/Undo).A ratio of 4:1 is desirable. If OMS history has nearly the same size as OMS data, use Problem AnalysisPerformanceOMS versions to find out if named consistent views (Versions) are open for a long time. Maximum age should be 8hrs.
    4)If consumption of OMS heap and data cache is large, one reason may be a long running transaction simulation that accumulates heap memory and prevents the garbage collector from releasing old object images.
    5) To display existing transactional simulations in LC10,use Problem AnalysisPerformanceOMS versions and SM04 to find out user of corresponding transaction and may be required to cancel the session after contacting user if the version open for long time..
    Please help me by providing additional information on the issue.
    Thanks,
    Varada Reddy.

    Hi Mayank, sorry, one basic question - are you using some selection criteria during extraction? If yes, then try extraction without the selection criteria.
    If you maintain selection based on, let's say, material, you need to use the right number of zeros as prefix (based on how you have defined the characteristic for material) otherwise no records would be selected.
    Is this relevant in your case?
    One more option is to try to repair teh datasource. In the planning area, go to extraction tools, select the datasource, and then choose the option of repair datasource.
    If you need more info, pls let me know.
    - Pawan

  • L do not see an orange line in the browser for clips that are in the timeline.  What do I do?

    How do I get the orange line to show in the brewer for clips that are in the timeline.  Mine doesn't show it.

    I called Apple and said it is a glitch which caused me not able to see a registration key. They sent my $30 back so I will make another order of Quicktime Pro 7 to get registration key.

  • Detailed approach when the used Live cache data area crosses the threshold

    Hi,
    Could any of you please let me know the detailed approach when the used Live cache data area crosses the threshold in APO system?
    The approach I have as of now is :
    1) When it is identified that data cache usage is nearly 100%, check for hit rate for OMS data in data cache in LC10 .Because generally hit rate for OMS data in data cache should be atleaset 99.8% and Data Cache usage should be well below 100%.
    2) To monitor unsuccessful accesses to data cache choose refresh and compare value now and before unsuccessful accesses result in physical disk I/O and should generally be avoided.
    3) The number of OMS data pages (OMS Data) should be much higher than the number of OMS history pages (History/Undo).A ratio of 4:1 is desirable. If OMS history has nearly the same size as OMS data, use Problem AnalysisPerformanceOMS versions to find out if named consistent views (Versions) are open for a long time. Maximum age should be 8hrs.
    4)If consumption of OMS heap and data cache is large, one reason may be a long running transaction simulation that accumulates heap memory and prevents the garbage collector from releasing old object images.
    5) To display existing transactional simulations in LC10,use Problem AnalysisPerformanceOMS versions and SM04 to find out user of corresponding transaction and may be required to cancel the session after contacting user if the version open for long time..
    Please help me by providing additional information on the issue.
    Thanks,
    Varada Reddy.

    Hi Mayank, sorry, one basic question - are you using some selection criteria during extraction? If yes, then try extraction without the selection criteria.
    If you maintain selection based on, let's say, material, you need to use the right number of zeros as prefix (based on how you have defined the characteristic for material) otherwise no records would be selected.
    Is this relevant in your case?
    One more option is to try to repair teh datasource. In the planning area, go to extraction tools, select the datasource, and then choose the option of repair datasource.
    If you need more info, pls let me know.
    - Pawan

Maybe you are looking for

  • My ipod and iphone 4s will not erase or sync with my new computer.

    My phone was loaded from this computer when I got it replaced because the last one was defective.  They will not load, unload, or anything.  This is frustrating because before the most recent rounds of updates and "fixes," I never had problems and kn

  • Problem with Dynamic Array

    Hello I don't know how to iniatialize an array of a specific class (Myclass1): public class Myclass2 Myclass1 m[] ; public Myclass2() Myclass1 m[] =new Myclass1() ; // I think it's wrong but the problem is that i don't have the array // size so i can

  • Drop Down List in Query Selection Screen Takes Long Time.

    I open a report, refresh the query and get a selection screen. But when clicked on the drop down list it takes 4- 5 mins for displaying the drop down options. How can I speed up the displaying of drop down list in selection screen? Could any one plea

  • Inserting Data to a dynamic table size

    Hi All, I have a constant stream of data going in and i wanted to capture this data from time depending on the status of the data which i can see through externally. So i have this capture button that i clicked from time to time and get this data to

  • Recognizes Network but 'Join' Option is Greyed Out

    Hi All! I'm visiting my parents in Brasil for the next 4 weeks. They have WPA wireless internet in their house. My MacBook Pro's (OSX 10.5.8)airport sees their wireless network and allows me to type in their passowrd. BUT, the 'Join' button is greyed