T42 hide menu with CSS media query

In an application of theme univeral if you attempt to print a page with the display left menu, it takes too much space.

These can be removed with CSS, and I found the room to be cut after the hidden menu.

  #t_Body_nav 
    { display : none; }
  
  #t_Body_content 
    { margin-left : 0px !important; }

Yet, when they are wrapped in a media query, during print preview or emulation (image) the margin on the left is in the spotlight, but the body remains behind

@media print {
  #t_Body_nav 
    { display : none; }
  
  #t_Body_content 
    { margin-left : 0px !important; }
}

978-1-4842-0962-2_figure_20-emulation.png

I don't see what else I might need to include?

Basic sample

workspace: swesley

user: otn

PWD:Forum

App: 88776

Note that I'm only interested in the media query, not printer_friendly solution. Although I have not there is no friendly t42 model, printer only honour which is described in the documentation.

Scott

Hi Scott

I think it's the transform that you are missing:

@media print {
  form .t-Body #t_Body_nav {
    display: none;
  }
  form .t-Body .t-Body-main {
    margin-left: 0;
    -webkit-transform: none;
    transform: none;
  }
  form .t-Body .t-Body-main>div {
    margin-left: 0 !important;
  }
}

A bit of fiddling with the specificity of the selector is necessary to avoid !important directives on everything.

Tags: Database

Similar Questions

  • Hide elements with CSS size screen style sheets?

    I have a little trouble finding ways to hide from the elements with the size of the screen.  I have a set of mobile entertainment for a menu that has to hide the desktop of style.css.  I guess I'll have to add JS instead of a visibility: hidden; on the div id?  Thank you if you are able to help, a little lost on this.

    Office: style.css for 800 + px

    Mobile. CSS-800px

    Try something like this - http://www.heathrowe.com/edge/resize/

    Download:http://www.heathrowe.com/edge/resize/resize.zip

    I don't know what it is that you are trying to hide/show, so my example is simple. Please take a look at the compositionReady Manager resize() if else statement.

    Darrell

  • I need some CSS media query support

    Hello

    I've implemented media queries that display correctly in dreamweaver and different browsers. They crack and reposition properly.

    When I get on my android, nothing. My div #logo logo is always floating left div and #info still left aside. #info must be below the #logo smartphone reviews.

    So I thought it might be my phone. I used an emulator online and got the same results.

    In any case, I can't understand it. Any help would be appreciated.

    http://skeeterz71.com/Polivka/

    /CSS/stylesheet.CSS

    The phone that you are testing has a resolution of 320 pixels, or less?

    If it is more than 320px, he'll use something other than your phone breakpoint.

  • May not work on a problem of media with delicate design query

    Hello

    Here is my page https://neighbourgood.co.UK/directory

    Top of the page there are three buttons: submit a list of view and directory lists.

    I can get her to sit on top of the other on the iPhone, but they won't do the same thing on the iPad.

    This is the section of the CSS media query and the rule, I am on the banking sector highlighted:

    / * media queries * /.

    / * Large desk * /.

    @media (min-width: 1200px) {...}

    / * Tablets from portrait to landscape and desktop * /.

    @media (min-width: 768px) and (max-width: 979px) {}

    header #branding h1 {}

    margin: 0;

    }

    }

    / * Phone to Tablet landscape portrait * /.

    @media (max-width: 767px) {}

    header #branding h1 {}

    margin: 0;

    font size: 28px

    }

    H2 {}

    do-size: 18px;

    }

    {p.tagline}

    margin left: 1%;

    padding: 3px 1%;

    Width: 98%;

    }

    . Container.Head-{inner

    padding-top: 2px;

    }

    article.post .entry-title a {}

    Background: none;

    padding: 0;

    }

    article.post .entry-title {}

    padding: 2px 4px;

    }

    .wpbdp-home-links to entry {}

    float: none;

    margin: 0 0 4px 7%;

    Padding: 1% 2%;

    Width: 90%;

    }

    }

    / * Landscape phones and down * /.

    @media (max-width: 480px) {}

    {#-description of the H2 site

    color: #FFFFE0;

    margin: 5px 0 4px 0;

    }

    {} .carousel-Interior

    min-height: 250px;

    }

    {} .carousel-control

    / * display: none; * /

    Background: none;

    border: none;

    opacity: 0.7;

    top: 10%;

    }

    / * footer ads * /.

    .footer-ads-container {}

    margin: 0 15px 20px;

    }

    . span4.ad02. span4.AD03 {}

    display: none;

    }

    }

    Thank you

    Martin

    Do not worry

    I think I got it.

    Martin

  • media query

    Hello world

    I have created a website (http://www.butlerpartnersandassociates.com.au/dreamaustraliastudytours.html). I inserted the slot in the css media query

    @media screen and (max-width: 480px) {}

    #main p {make-size: x-large;}

    Color:RGBA (0,204,0,1);

    }

    }

    When I reduce the window of the browser of my imac media query works, but when I view the site on a mobile phone, (which is the purpose of the media query) does not request media. I was wondering if someone could help me solve the problem?

    Thanks in advance

    Best regards

    Paul

    See if the tag meta mobile to thesection of the page has an effect any:

  • CSS Rollover Menu with pictures and witness to the Page class

    Hello.

    I found a very interesting video here: http://www.youtube.com/watch?v=vv8cRYGCvIY on creating a CSS Menu Rollover with Images and indicator of current Page (I tested it and it works fine).

    I have a web site with 15 pages based on a template, and I want to use this sample video to do the same thing on my website.

    Please tell me if I can use the sample from the link above to do so.

    What should I change in the css file (which new class should I do) so that it works on a web site based on a template?

    Thank you!

    I don't know about this video tutorial, but an indicator of menu persistent at the level of the site ("you are here" highlighting) is easy to do with CSS classes.

    Details and examples of code below:

    http://ALT-Web.com/articles/persistent-page-indicator.shtml

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • Problem with CSS Validation in my Horizontal Spry Menu.

    157UL. MenuBarHorizontal iframetry to find a point comma before the name of the property. Add
    0UL. MenuBarHorizontal iframeParse Error                                              null
    157UL. MenuBarHorizontal iframeOpacity of the property does not exist in CSS level 2.1 but exists in [css3]: 0.1
    157UL. MenuBarHorizontal iframeParse Error                                              0.1);
    158UL. MenuBarHorizontal iframeParse Error                                              }

    It is the result of the W3C Validator which points to this rule in the spry menu bar CSS.

    / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
    UL. MenuBarHorizontal iframe
    {
    position: absolute;
    z index: 1010;
    Filter:alpha(opacity:0.1);
    }

    ITLS the only thing that prevents the validation page.

    Can it be fixed?

    Thank you

    Martin

    Test laboratory of browser: https://browserlab.adobe.com/index.html#

    You can configure to use a large number of browsers. This "don't" interactivity, but apparently there are ways to it... cursor image on your menu drop-down and send this picture... There will be instructions on the site.

    Beth

  • Hide a full menu with a click of the wheel

    Hello

    I have not created any menu in my application.

    I dynamically add a button to the screen using this code:

    ButtonField getDetailsButton = new ButtonField("See details", Field.FOCUSABLE | Field.FIELD_RIGHT);                        getDetailsButton.setChangeListener(new FieldChangeListener() {public void fieldChanged(Field field, int context) { ((CampaignManagementScreen)field.getScreen()).requestInfo("test");}});
    

    Problem is, when I click on a button by using the wheel, displays a context menu with a "menu" element Then, my action is executed normally. Don't you know that I can get rid of this menu?

    Thank you

    You must set the CONSUME_CLICK style in your buttonfield constructor.

  • Dreamweaver cc 2014 will not save the changes I made in the css for my second media query

    Dreamweaver cc 2014 does not record changes to my second media query can someone please tell me where I'm wrong

    Please provide a link to the site so that we can see the problem on the spot.

  • [ADF, JDev 12.1.3] How to hide menu items based on the logged in user

    Hallo,

    When the user logs on successfully, the applitacions led him to the main.jspx page.

    The main.jspx page has a menu bar that contains all of the available menus, submenus and menu items.

    After the connection, when the main.jspx page loads I would hide all the menus, submenus and menu items that the user is not qualified to see/use (I read the database).

    You kindly tell me which is the way the cleaner to achieve?

    Thank you

    Federico

    user10709360 wrote:

    Hello rohanwalia,

    Sorry, but I need more help

    I guess that the solution is to create a method in the AM who - reading form the database - returns a structure that indicates for each menu item should be visible or hidden.

    • How can I use the data returned by this method?
    • I call in a managed bean specifically dedicated to the management of the menu? Can I also use the already existing media bean, I created for the page?
    • What scope should have the bean?
    • Don't you think that it is better to define a 'visible' variable Boolean (initilized depending on the result of the AM method) for each menu item and how to bind the Visible property of each menu item to the variable respective in the bean in the bean?
    • Or I can loop the result of the method AM setting the Visible property of the menu items? In this case, I guess that all the menu items must be mapped into the bean by user interface variable. Am I wrong?
    • Is it not possible to write a method which, of the AM directly, hide the menus not necessary on the page (so without using a bean)?
    • In general, which are the correct always to hide menu items:
      • (1) before the page is sent to the browser (as "I can do it with PHP);
      • (2) once the page is loaded in the browser (as I can do it with JavaScript)?

    If you could give me some more detailed advice... I would be very happy.

    Thank you

    Federico

    (1) its best to make the treatment inside the method. You can return the parameters as normal java method.

    (2) Yes, you can use bean already exists in the project. But better to create a separate bean for this task of menu.

    (3) scope should be request unless you need to persist the attributes between requests.

    (4) Yes it is possible. You can define and initialize a Boolean variable with the results you get from the table based on the menu items should be made visible.

    (5) If you use the approach to point 4, then also you have to loop through the table menu items and set Boolean variables of bean. Yes you are right for the second part.

    (6) I'm not sure about this approach. How will you map it to your menu mode. It takes research.

    (7) before the page is loaded. I share with you links in above post with which you can do this.

    I hope this helps.

    Thank you

  • Evolution of the media query size

    In my current document, my biggest media query is 1200px. I want to make it a little bigger. I opened the bootstrap.css Bootstrap file but when I re - open Dreamweaver, it says the file is read-only and cannot be changed. Y at - it something I am doing wrong?

    Dreamweaver puts bootstrap.css read-only because it is a style sheet that is automatically generated that contains a large number of interdependent styles. The normal way to work with the bootstrap information is to create your own styles in a separate style sheet to override the default "bootstrap" values

    If you want to change the largest break Bootstrap, the best way to do this is to create a new site definition and create a grid custom in the new site. Expand the option of customization at the bottom of the "bootstrap" tab in the new Document dialog box to set the new values of stop point. Then click on create.

    This will create a new version of bootstrap.css that you can copy and use to replace the version of the site that you were working. Once you have done this, you can delete the site you used to create the customized style sheet.

  • How to display dynamic menu with the parent and the child using c# and sql server

    Hello

    Can you tell me

    What is menu given Dynamics example

    How can u use my dynamic menu added project in c#

    This menu is display with only the data from sql database.

    Menu with the help of a parent node and a child.

    check the element all in sql server and adding one by a dynamic menu.

    Hello

    Thank you for writing to Microsoft Communities.

    I recommend you post your query in the following forum.

    http://social.msdn.Microsoft.com/forums/en/category/SQLServer/

    Hope this information is useful.

  • How can I fix C00D199F error code when trying to burn a CD with Windows Media player.

    Original title: How can I fix C00D199F error code

    Error message when trying to burn a cd with Windows Media Player

    Hello

    1. what version of Windows Media Player do you use?

    2. the specific issue of burning CD using WMP?

    3. What is the exact full error message?

    4. what you are trying to burn?

    5. is the specific question on the disk?

    Method 1: You can run the fixit available in the link below and

    Your CD or DVD drive cannot read or write media

    http://support.Microsoft.com/GP/cd_dvd_drive_problems/en-us?EntryPoint=lightbox

    Method 2: Clean the disc

    Clean the CD or the DVD. To do this, use a disc cleaning kit. Or gently wipe the silver side of the disc with a soft and Lint cotton cloth. Do not use cloth of paper which can scratch the plastic and leave streaks. When you clean the disc, wipe from the center of the disc outward. Do not use a circular motion. If the problem persists, clean the disc with a damp cloth or a commercial CD or DVD cleaning solution. Dry the disc thoroughly until you insert the disc in the drive.

    Select a slower recording speed and check if that helps.

    1. in the Tools menu, click Options, and then click the devices tab.
    2. in devices, double-click the CD burner, and then click the recording tab.
    3. in the write speed list, select a slower speed.

    Method 3:

    Perform the clean boot and check:

     

    http://support.Microsoft.com/kb/310353

    Follow the above article.


    If you have any third party installed a CD/DVD burning software, uninstall them temporarily for Add / Remove Programs. Subsequently, check if you are able to burn CDs in Windows Media Player.

    Reference: Burn your own custom CDs

    Hope the above information is helpful.

  • What is the best suond of quality I can rip a cd with windows media player, which can be read by itunes

    I'm putting my windows media files in iTunes to play on a stereo system.

    I am after the best quality possible and do not want to be caught in the trap in appleworld but there is very little ipnut devices that support what anyone else than apple.

    I also have a Samsing Galaxy SII I want to play music.

    I, therefore, plucked a few CD in windows media player using WAV (lossless) format.

    When I try to add a folder to library in itunes songs appear under unknown artist and I can't recognize the format.

    Anyone know what is the best quality download I can do which can be dealt with by media player AND iTunes?

    Thank you very much.

    John

    Why use iTunes AND WMP AND a Galaxy? Use one of them.

    The reason for which you you hide it all under "Unknown", this is that wav files are not encrypted when you ripped them. You must add the titles to the hand. However, your Galaxy will not be able to read them.

    You could rip as mp3 at a rate of 320 files - negligible loss of sound quality at a high rate, or as a file flac.

    You can use a codec for WMP for files flac and I don't know if iTunes can read - I never use it for reading. Check the plug on the Apple site. Yet once, however, the Galaxy cannot.

    However, they can read mp3 files, as can your Galaxy (I have a). To transfer files to the Galaxy its recommended to use Kies software (available on Samsung website)...

    If you were to use a program like AudioGrabber (Google for it, its freeware) coupled with the Lame codec (follow the links on the site of AudioGrabber) then you can rip from CD directly to mp3 at a rate of 320 that WMP + iTunes + your Galaxy can read.

    Hope that waffle above is clear,

    See you soon,.
    Jerry

  • Problems with Windows Media Center cumulative update 2

    Hello

    I tried to set up my xbox360 to work with windows media center.  Whenever I try to install the Update Rollup 2, he created a restore point and as soon as he arrives to install the fix, says installation failed and my computer must be restarted or something to that effect.  I did some research and found the threads on the .NET framework 1.1 Hotfix and checked for her and she does not appear in my programs add/delete, menu, so I don't think that may be worth.    It drives me crazy, any help would be appreciated seriously.

    Yes - you will need to reinstall Windows to fix.  And, Yes, you will need to backup your data first and reinstall all your programs later.

    I'll post instructions later tonight (they are on a machine at home).  In the meantime, now is a good time to start copying all your data to elsewhere.

    Kind regards
    Chris.

    MS - MVP (Media Center) [If this post can help solve your problem, please click the 'Mark as answer' or 'Useful' at the top of this message.] [Marking a post as answer, or relatively useful, you help others find the answer more quickly.]

Maybe you are looking for

  • A section of the display, immediately under the toolbar for about 4 inches under the toolbar is enabled of

    I can't access any information that appears in this area. This includes the Web search button. It is well with Internet Explorer.By clicking with the mouse does not work

  • Updateing problem on internet time

    Hi all I'm trying to update the time on the controller from a website NTP stratum 2 PXI real-time. There are two methods offered by EITHER: Method 1 - Driver for PXI (LV > = 2009) Method 2 - Code based The example of function code (which works well)

  • Windows Defender won't turn on.

    I don't know what happened, but my Windows Defender just turn off by itself. I can't activate it. The Windows Security Center always give me the same answer. I'm really frustrated here. Please help me!

  • Always impossible to install update KB2718704

    As I said originally, I can install still not update KB2718704.(Please ignore the error message ("no update available"), I thought with my first request on this subject.) It is not logical, because he don't would not have been identified as a necessa

  • Vista runs slowly and unable to repair

    My computer was working fine until what, out of nowhere, my computer froze, I tried to restart at this time here .once I restarted it, it seemed to be going at a very slow pace, I'm not quiete sure as to why, but it was.wjen I am connected to the com