草庐IT

layout_footer

全部标签

ruby-on-rails - wicked_pdf : footer height/styling

我正在使用很棒的wicked_pdfgem生成PDF,但我不知道如何更改页脚中的某些样式。我有一个用于页脚的HAML模板,大致如下所示:!!!%html%head%meta{:charset=>"utf-8"}=wicked_pdf_stylesheet_link_tag"pdf"%body.footer%pLine1%pLine2%pLine3还有一些样式:.footer{padding-top:1em;border-top:1pxsolid#ccc;}样式应用得很好,但由于页脚高度较小,只有第一行可见。我试过通过CSS设置高度,但到目前为止还没有。如果我使用例如center、att

ruby-on-rails - rails : How to insert a text_field without a form just to test the layout?

我现在正在为我的应用程序做布局,我想插入一个不执行任何操作的text.field,只是为了看看它的外观。我该怎么做? 最佳答案 有几种方法可以满足您的需求。1)只写静态HTML2)使用text_field_tag3)使用form_for为虚拟对象构建虚拟表单 关于ruby-on-rails-rails:Howtoinsertatext_fieldwithoutaformjusttotestthelayout?,我们在StackOverflow上找到一个类似的问题:

ruby-on-rails - rails 上的 ruby : Yielding specific views in a specific places in the layout

如果我有一个标记然后我的所有View都呈现在布局中的同一位置。我可以有不同的不同观点的标签?那么我该怎么做呢?谢谢 最佳答案 查看ActionView::Helpers::CaptureHelper.你可以在你的View中做这样的事情:这将在content_forblock中运行模板,但不会作为常规模板的一部分输出yield缓冲区,它将存储在一个单独的缓冲区中以备后用。然后稍后,包括在布局中,您可以使用yield:content_name输出内容:所以在某种意义上你可以有不同的yield对于不同的View,你只需要给不同的内容一个名

javascript - 使用 onShow 和 onLoad 为 dijit.layout.ContentPane 创建程序

我创建了一个ContentPane,既声明式又编程式。声明式的:程序化varobj_abc;varabchref="abc.php?id=1";obj_abc=newdijit.layout.ContentPane({id:'abccp',title:'abc',href:abchref});如何在程序化的ex中调用do_abc() 最佳答案 为了在技术上等同于您的第一个示例,您只需在传递给ContentPane的构造函数的参数对象中包含onShow:do_abc。(注意do_abc后没有括号-我们感兴趣的是函数对象本身,而不是调用

javascript - ion-content 和 ion-footer 有不同的 $scope

我的ion-content中有两个输入字段,它们都附加了一个ng-model。然后在我的ion-footer中有一个ng-click,我在其中调用一个函数并传入两个ng-models。当我在ion-content中单击ng-click时,一切正常,但是当我将它移到页脚时,我传递给函数的两个参数未定义。那么这是否意味着ion-content和ion-footer具有不同的$scope?即使它们在同一个文件中并具有相同的Controller?? 最佳答案 我相信ion-footer和ion-content会创建新的子作用域Prototy

javascript - 在鼠标悬停时显示 d3.layout.force 链接工具提示

如何在鼠标悬停在D3有向图布局中的链接上实现工具提示?我正在改编D3force示例,因此使用如下代码设置节点工具提示非常简单:node.append("title").text(function(n){returnn.id;});对链接尝试类似的技术并没有导致鼠标悬停在工具提示上:varlink=svg.selectAll("line.link").data(json.links).enter().append("line").attr("class","link").style("stroke-width",function(d){return4;});link.append("ti

javascript - 在版本 4 中动态添加节点到 D3 Force Layout

我正在尝试实现一个简单的力布局,其中可以动态添加和删除节点(没有链接)。我成功地在D3版本3中实现了这个概念,但我无法将其转换为版本4。添加和更新节点后,模拟卡住并且传入的圆圈绘制在svg的左上角。有人知道为什么会这样吗?感谢您的帮助:)我的概念是基于这个解决方案:AddingnewnodestoForce-directedlayoutJSFiddle:workingcodeind3v3/*Defineclass*/classPlanet{constructor(selector){this.w=$(selector).innerWidth();this.h=$(selector).i

javascript - 如何使固定的 float 元素停在#footer?

下面是我用来在用户滚动时修复侧边栏的代码。截至目前,它与我的页脚重叠。我怎样才能让它在某个点或到达页脚时停止?$(document).ready(function(){if($('.pageheaderwrap').length){$(window).scroll(function(){if($(this).scrollTop()>362){$(".sidebar-left").css({"position":"fixed","top":0});}else{$(".sidebar-left").css({"position":"absolute","top":"255px"});}})

javascript - Marionette Layout 切换策略

我有以下情况:app.js:SingletonMarionette.Application()我在其中定义导航、页脚和主要区域。在初始化程序中,我构建了Marionette.Contoller's并将它们附加到应用程序的this.controller对象以供以后控制。我可能不会在这里构建所有的Controller,只构建我想要预先加载的Controller。有些是后来的延迟加载。我还在这里实例化了一个Backbone.Router,并传入了对我的应用程序对象的引用:vartheApp=newTP.Application();theApp.addRegions({navRegion:"#

javascript - Angular Material : layout-fill not filling parent <div>

SampleTextHereSignUp我有上面的HTML部分,我正在尝试使用AngularMaterial的flexbox支持来创建一个页面,该页面的背景图像是整页。叠加在该图像上的是一些文本和一个位于图像中心的按钮。如果我检查chrome中最外层的div,它的大小(如预期的那样)是全屏。由于某种原因,图像div不执行此操作。它只占用足够的空间来包含文本和按钮。任何关于为什么会发生这种情况的见解将不胜感激。我知道这可以通过多种不同的方式使用各种css技巧来完成,但我想了解我对flex的工作原理缺少什么。更新链接到JSFiddle 最佳答案