如何在非图像链路显示中将CSV链接转换在视图数据导出模块中? -- 7 领域 和 views 领域 和 importing-exporting 领域 drupal 相关 的问题

How to transform the CSV link in the Views Data Export module in a non-image link display?


3
vote

问题

中文

我正在使用查看数据导出模块,以便用户可以单击链接下载搜索结果。它正在工作和展示。但这并不漂亮。

我的数据导出具有以下设置:

  • 格式:csv文件

  • 过滤条件:发布,键入=资源,主题> (暴露),类别(公开),搜索术语(可选)

  • 数据导出>设置>路径:/ search-出口连接到:搜索页脚:全局:文本>区域(我一直在尝试添加手动链接)

  • 寻呼机:显示>指定数量的项目> 0项(需要制作CSV导出和GT;不返回所有结果默认)

目前,页面底部有一个按钮,模块以微小明亮的橙色按钮的格式创建,具有"CSV" 的白色文本。我认为这是一个丑陋的按钮。用户甚至可能无法知道它的意思。这是通过检查元素的代码:

  <div class="feed-icon">      <a href="/search-export?attach=page">         <img title="Download Results" alt="Download Results"  src="http://staging.grantstation-pathfinder.com/sites/all/modules /views_data_export/images/csv.png" typeof="foaf:Image"></img>     </a>  </div>   

如果用户在单击此链接时在搜索框中设置公开过滤器或在搜索框中设置关键字,则将参数添加到URL(即搜索 - 导出?Field_topics_Value = All&amp;等)。

我不知道它是如何添加那些可能是我问题的症结的参数。

我猜我猜我猜......但是......

我宁愿改变这一点,不要使用图像,而是只有它只是一个链接,说出"下载结果" 或一些这样的事情。

我试图只需手动将链接添加到与图像具有相同链接的搜索视图中的标题或页脚,但它不会以某种原因按钮所做的方式捕获参数。

我尝试添加的链接:

  <div class="feed-icon">   <a href="/search-export?attach=page">     Download Spreadsheet   </a> </div>   

当单击上述时,不包含像图像的URL中的参数,它只是导出所有结果(并忽略设置的滤波器)。

我的问题:如何修复我的新下载电子表格链接,因此它只输出曝光过滤器和关键字的结果,因为视图本身(并且在CSV按钮中)?

英文原文

I'm using the Views data export module for my search interface so users can click a link to download the search results. It's working and displaying. But it's not pretty.

My Data Export has the following settings:

  • Format: CSV file

  • Filter criteria: published, type=resource, topic > (exposed), category (exposed), search terms (optional)

  • Data export > settings > path: /search-export Attach to: search footer: global: text > area (what I've been trying to add the manual link to)

  • pager: display > a specified number of items > 0 items (required to make the CSV export > not return all results be default)

Right now there's a button at the bottom of the page that the module creates in the format of a tiny bright orange button with white text that says 'CSV'. I think it's an ugly button. A user may not even know what it means. Here's the code via inspect element:

<div class="feed-icon">      <a href="/search-export?attach=page">         <img title="Download Results" alt="Download Results"  src="http://staging.grantstation-pathfinder.com/sites/all/modules /views_data_export/images/csv.png" typeof="foaf:Image"></img>     </a>  </div> 

If the user set exposed filters or set a keyword in the search box when clicked this link adds parameters to the URL (ie. /search-export?field_topics_value=All&etc).

I don't know how it's adding those parameters which is probably the crux of my problem.

I could just swap out my own image I guess...but...

I'd rather change this to not use an image whatsoever and instead have it just be a link that says 'download results' or some such thing.

I tried just adding a link manually to the header or footer in the search view that has the same link as the image but it doesn't capture the parameters the way the button does for some reason.

The link I tried adding:

<div class="feed-icon">   <a href="/search-export?attach=page">     Download Spreadsheet   </a> </div> 

When clicked the above doesn't include the parameters in the URL like the image does, it just exports ALL the results (and ignores whichever filters are set).

My question: How to fix my new download spreadsheet link so it outputs the results only with the exposed filters and keywords as the view itself does (and as the CSV button does)?

        
 
 

回答列表

3
 
vote
vote
最佳答案
 

我同意这个CSV按钮需要一些细化,类似于您在问题中描述的内容。还有很少的其他人似乎同样思考。

要实际解决您的问题,请考虑查看模块的问题#2261167,它是关于一个选项非图像链接显示(问题状态=需求审查)。 注释#26 包含一个 patch ,它添加了2个新设置,如本屏幕显示所示:

在此处输入图像说明

以下有关这两个新设置的更多详细信息:

  • 一个复选框(如果选择)将下载链接提供为文本链接而不是图标/图像链接。
  • 一个文本字段要将类添加到链接,以便您可以向文本链接
  • 提供"按钮" (请参阅​​图表)等类

我肯定会考虑这个补丁。

作为替代方案(第2选择?),您可能还想查看问题#1379672,它是关于" 导出"按钮,使其与CSS 进行图。它还包括您可能希望考虑的补丁(例如,如果以前的原因不适合)。

 

I agree that this CSV button needs some refinements, similar to what you are describing in your question. And quite a few others seem to think likewise.

To actually solve your issue, consider looking at the module's issue # 2261167, which is about an Option for non-image link display (issue status = needs review). Comment # 26 of that issue contains a patch which adds 2 new settings as shown in this screenprint:

enter image description here

Here are some more details about these 2 new settings:

  • a checkbox to (if selected) provide the download link as a text link instead of an icon/image link.
  • a textfield to add a class to the link, so that you can give the link a class like "button" (see picture) to your text link

Do I'd definitely consider this patch.

As an alternative (2nd choice?), you may also want to look at issue # 1379672, which is about Export Button, make it styleable with CSS. It also includes a patch that you may want to consider (eg if the previous one for some reason doesn't fit).

 
 
 
 
2
 
vote

我将此作为一个正在寻求主题按钮的人发布替代方法。 我正在寻找一个方法来主题按钮并使用解决方案 12 没有jQuery,只使用带有fontawesome的css。

结果如下所示: css样式按钮

我为div添加了另一个类,围绕着名为"export-button" 的导出链接 (从12)

  <?php if ($exposed): ?> <div class="view-filters"> <?php if(isset($view->feed_icon)): ?> <div class="feed-icon-wrapper export-button"> <?php print $view->feed_icon; ?> </div> <?php endif; ?> <?php print $exposed; ?> </div> <?php endif; ?>   

在我的CSS中我使用以下内容:

  .export-button a { padding: 15px 35px 15px 35px; display: -webkit-inline-box; background: #2295f3; color: white; text-align: center; } .export-button a:hover { box-shadow: 0 2px 6px rgba(0,0,0,.3); } .export-button img { display:none; } .export-button a:before { content: "Download CSV"; color:white; } .export-button a:after { content: "f019"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; color: white; margin-left: 8px; }   

请注意,在CSS中使用字体令人敬畏,您需要在CSS文件中声明。

  @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.0.3'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3')  format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff? v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf? v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg? v=4.0.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }   

我希望这有帮助。

 

I'm posting this as a workaround for anyone that is looking to theme the button. I was looking for a way to theme the button and used the solution offered in 12 just without the jQuery, using only CSS with FontAwesome.

The result looks like this: css styled button

I added another class to the div surrounding the export link called "export-button" (from 12)

<?php if ($exposed): ?> <div class="view-filters"> <?php if(isset($view->feed_icon)): ?> <div class="feed-icon-wrapper export-button"> <?php print $view->feed_icon; ?> </div> <?php endif; ?> <?php print $exposed; ?> </div> <?php endif; ?> 

In my CSS I used the following:

.export-button a { padding: 15px 35px 15px 35px; display: -webkit-inline-box; background: #2295f3; color: white; text-align: center; } .export-button a:hover { box-shadow: 0 2px 6px rgba(0,0,0,.3); } .export-button img { display:none; } .export-button a:before { content: "Download CSV"; color:white; } .export-button a:after { content: "\f019"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; color: white; margin-left: 8px; } 

Please note, to use font awesome in the CSS you need to declare it in your CSS file.

@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.0.3'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3')  format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff? v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf? v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg? v=4.0.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } 

I hope this helps.

 
 

相关问题

1  是否有一个模块让一个人做批量发布/更新? [关闭]  ( Is there a module that lets one person do a bulk publish update ) 
此问题似乎在帮助中心中定义的范围内涉及Drupal。。 想要改进这个问题?更新问题,所以它是关于drupal答案的主题。 ...

1  如何将“删除分类学术语”选项添加到VBO而不是仅“添加分类学”?  ( How to add a remove taxonomy term option to vbo instead of only add taxonomy ) 
在Drupal 6 VBO中,我可以选择检查我是否要添加,删除术语 在drupal 7视图中我可以添加它(选中框)而不是出于某种原因删除它,我缺少的是什么 我正在从Drupal 6附上屏幕截图,在那里我可以添加,删除,甚至替换术语,如何在D7中做到是问题 ...

0  如何使用网站的内容类型填充我的自定义模块中的选择列表?  ( How to populate a select list in my custom module with the content types of the ) 
我正在制作我的第一个自定义模块,我希望在网站中的模块设置中有一个选择列表,使管理员可以选择与模块相关联的内容类型。< / p> 这是我到目前为止的代码: $form['MODULE_select_content_types'] = array( '#type' => 'select', ...

1  如何在使用Forena模块创建的报告中使用会话变量?  ( How can i use session variables in a report created with the forena module ) 
我安装了 forena报告。它基本上工作,但我有一些问题(见帖子的底部以获得它)。 我想要完成的是以下 我希望模块页面的匿名用户能够将他们的建议作为CSV文件导出,其中链接如"立即下载" 或其他东西。 这是我正在谈论的工具的暂存环境,所以你可以看到它是如何工作的: http ://staging.grantstati...

0  如何发送密码定期向用户通知?  ( How to send password expire notification to users regularly ) 
在 drupal 7 上工作,我想每3个月内发一封警报给用户说: 密码将在接下来的5天内过期,请更改它。 我发现一个名为 password (满足要求但是只有 d6 )。 该模块的替代是否有Drupal 7? (有anothor模块 force password更改 但是这个模块不发送通知。) ...

1  与饲料进口商努力定制内容类型  ( Struggling with feeds importer to custom content type ) 
我正在努力用饲料进口商掌握,让它创建我的自定义内容类型的节点。 我已创建Feed Importer: $feeds_importer = new stdClass(); $feeds_importer->disabled = FALSE; /* Edit this to true to make a defaul...

0  如何在与Forena创建的报告中格式化数据库字段?  ( How to format database fields in a report created with forena ) 
如何选择如何从数据块返回的数据库中显示字段(使用 forena < / a>模块)?如字段只是返回一个数字,但每个字段的每个字段都代表了我想显示的其他东西。例如: if (id=5) { $text = "see website"; } else { $text = "free"; } 如果这是不可能的,...

1  如何将CSV下载的链接添加到我的模块页面,用于使用Forena创建的报告?  ( How to add a link to the csv download to my module page for a report created wi ) 
如何将链接添加到 forena 模块中的csv下载页面? 我只是在'检查元素'中复制链接,并将其放在我的 $output 变量中,即我在建议页上返回? ...

0  其他模块功能  ( Other modules functions ) 
也可以在一个模块内具有函数调用,该模块也调用不同模块的函数,即使该功能未被定义为钩子? ...

0  无法通过疏浚更新模块  ( Not able to update module via drush ) 
我正在尝试通过疏水更新模块。引用此链接 [root@localhost d7]# drush update The drush command 'update' could not be found. Run `drush cache-clear drush` to clear the commandfile...

0  如何创建模块中文件的链接?  ( How to create a link to a file in a module ) 
在Drupal 7中,我有一个自定义模块,它在 998876662中创建一个文件但在我的模块管理界面中我想在状态消息中创建链接到此文件: drupal_set_message('download your ' . l('file', $url)); 链接我尝试的文件 $url = file_create...

0  使用自定义视图模板的破碎的图像  ( Broken image using custom view template ) 
我正在尝试用自定义html打印每行。我需要显示包裹在图像链路内的图像字段。我在丝束样式输出模板中有这个: <div class="myRow"> <div class="myImg"> <a href="<?php print $fields['field_news_link']->con...

1  如何制作简单的分层选择显示链接而不是下拉列表?  ( How to make simple hierarchical select display links instead of dropdowns ) 
我正在使用我的观点中的简单的分层选择模块。 是否可以显示链接而不是下拉列表? ...

1  Drupal Handle和Process Post请求从ActiveCampaign的Webhook  ( Drupal handle and process post request webhook from activecampaign ) 
我正在尝试使用ActiveCampaign制作一个小型Drupal项目。 我已经实现了ActiveCampaign WebForm,它有效,但我想要做的是使用ActiveCampaingn可以使用Post Hits向我提供的WebHooks来为我的网站URL提供,以使用他们的电子邮件地址和First + LastNa...

1  node_access通过特定角色?  ( Node access by specific role ) 
我正在尝试构建具有视图访问特定角色的节点ID列表。这是可能吗?我目前有一系列所有'页面'内容类型节点"页面" 。 我现在需要循环贯穿这些,看看它们是否有启用特定角色,如果获得了ID并在页面上显示链接,如果用户可以访问该页面。 我知道我可以使用以下示例来做到这一点。但这只是检查用户是否具有视图访问权限,并且用户可以从其...

0  如何捕获对视图所做的更改的审计跟踪?  ( How do i capture an audit trail of changes made to a view ) 
我是如何记录在视图上进行的任何管理更改的最佳方式?例如。添加了一个新的过滤器或删除的字段。审计条目应包括用户盖章和时间戳以及所做的更改。看起来不像任何传统选项似乎捕获此信息。 ...

0  如何在模块安装期间创建目录?  ( How to create a directory during a module install ) 
我需要在通过 file_prepare_directory() 。我在功能中使用了这个代码 mymodule_install() : $mydir = 'public://mydir'; file_prepare_directory($mydir, FILE_CREATE_DIRECTORY);` ...

3  如何在Drupal 7中恢复完整的数据库将站点保存在维护模式中  ( How to restore complete database keeping the site in maintenance mode in drupal ) 
我需要定期恢复完整的数据库(每周)。我正在使用纯粹的PHP +系统调用mysqldump和mysql来备份和恢复完整数据库。恢复过程需要2分钟。是什么是正确的过程,以便将站点保持在维护而不是获得Drupal数据库错误?是否有一些表恢复? 例如,我使用更新变量设置值='s:1:"1 " ;' name ='mainte...

1  如何创建文本列?  ( How do i create a text column ) 
我正在尝试创建一个文本列。 function _mymodule_installed_fields() { return array( 'mymodule_summary' => array( 'field_name' => 'mymodule_summary', 'label...

0  从外部HTML创建节点内容  ( Create node content from external html ) 
经过几次尝试浏览Web,我不弄清楚如何从给定的URL下载HTML,并从中创建节点内容。 我会达到的是非常简单: 在我的内容类型中有一个类似的链接字段 此页面的源代码在内容中的 Body 中下载,无论是mht的文件 查看节点在 body 中显示它,也可以在iframe中显示它。 内容创建主要来自专用脚本通过疏浚创建...




© 2021 it.wenda123.org All Rights Reserved. 问答之家 版权所有


Licensed under cc by-sa 3.0 with attribution required.