css - Grails bootstrap hidden-print not working as expected -


Therefore, in our Gels project we are using the twitter-bootstrap: 3.1.1 plugin Are there. No major problem has been noticed so far.

In our layout / main.gsp we have added a good NAV bar everywhere everywhere. The only problem is that we do not want to print it when our pages are printed. In more than one case, in 2.3.2 we will simply add the class to hide the element. As you can add the following element to hidden-print below can see the hidden objects are still included while printing the page.

As a test, I decided that I will place it on other random elements within the application and at all points it seems that there will be no print request left.

  & lt; Div class = "navbar navbar-default hidden print" role = "navigation" & gt; & Lt; div class = "navbar-header" & gt; & Lt; G: link class = "navbar-brand" yur = "/" & gt; Eight states & lt; / G: link & gt; & Lt; / Div & gt; & Lt; Div class = "fall navbar-fall" id = "bs-example-navbar-collapse-1" & gt; & Lt; Ul class = "nav navbar-nav navbar-right" & gt; & Lt; Li & gt; & Lt; G: link controller = "agency" action = "index" & gt; Agency & lt; / G: link & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; G: link controller = "affiliate" action = "index" & gt; Presence & lt; / G: link & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; G: link controller = "vendor" action = "index" & gt; Seller & lt; / G: link & gt; & Lt; / li & gt; & Lt; li class = "dropdown" & gt; & Lt; A href = "#" class = "dropdown-toggle" data-toggle = "dropdown" & gt; Report & lt; B square = "carat" & gt; & Lt; / B & gt; & Lt; / A & gt; & Lt; Ul class = "dropdown menu" & gt; & Lt; Li & gt; & Lt; G: link controller = "registration of activity" & gt; Event Report & lt; / G: link & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; G: link controller = "affiliate" action = "flight report" & gt; Flight Report & lt; / G: link & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Here's something else & lt; / A & gt; & Lt; / li & gt; & Lt; Li class = "divider" & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Separate links & lt; / A & gt; & Lt; / li & gt; & Lt; / Ul & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; sec: ifLoggedIn & gt; & Lt; a href = "$ {createLink (Yuri: '/ j_spring_security_logout')}" & gt; Logout & lt; / A & gt; & Lt; / sec: ifLoggedIn & gt; & Lt; sec: ifNotLoggedIn & gt; & Lt; G: link controller = 'login' verb = 'auth' & gt; Login & lt; / G: link & gt; & Lt; / Sec: ifNotLoggedIn & gt; & Lt; / li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

The problem is that CSS should not be included when the media type is printed. Used to be .

  & lt; link href = "/ someProject / static / bundle-bundle_bootstrap_head.css" type = "text / css" rel = "stylesheet" media = "screen, projection" & gt;   

This only includes CSS for screen and projection.

Regarding your comment: I am absolutely sure that if the link element is not included on the link element print then the CSS will not be parsed while printing.

Thus, there is no chance to run the media query within CSS anytime. If you will see the site that you will see that the media specification does not include the style sheet on it and thus it is processed for all media types (including print).

Comments

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -