Telerik UI for ASP。净AJAX?下载30天免费试用

标准

这些按钮是由来自各自社交网络的外部脚本创建的。我们将整个呈现和功能留给它们,因此它们被放在iframes中,以便它们的脚本可以自由访问和修改所需的HTML。有六个网站提供这种功能——Facebook, Twitter,谷歌,LinkedIn, Yammer和Pinterest。这些按钮只能出现在MainButtons收集。由于它们是通过JavaScript创建的,所以它们的标记只能通过开发工具(如IE开发工具栏或Firebug)来检查。它不会出现在页面的原始源代码中(右击->查看源代码)。

Facebook的按钮

Facebook生成的按钮不是标准的HTML,经常会在页面上抛出JavaScript错误。将以下名称空间添加到< html >Tag在一定程度上缓解了这个问题:

< html xmlns = " https://www.w3.org/1999/xhtml " xmlns: fb = " http://ogp.me/ns/fb " >

关于此事的更多信息可在Facebook的细节帮助文章,在章节中叫做Facebook要求

要激活它们,你需要放置一个< telerik: RadFacebookButton / >MainButtons集合.这样不仅可以设置我们的UrlToShare财产,也是要控制的Facebook提供的其他选项

  • ButtonType-决定了按钮将提供的确切功能。可能的选项有:

    • FacebookShare(已弃用)-创建一个分享按钮

      FacebookShare按钮已经被Facebook正式弃用,取而代之的是FacebookLike按钮。关于这个主题的更多信息可以在“旧的Share按钮发生了什么?”一节中找到Facebook按钮选项Facebook的文章。

    • 创建一个“喜欢”按钮

    • FacebookSend -创建一个发送按钮

    • FacebookRecommend -创建一个推荐按钮

    如果两者都是FacebookLike而且FacebookSend即使它们并不相邻,Facebook也会自动将它们组合成一个更大的新按钮。这是Facebook的一个功能,没有办法阻止它。

  • ButtonLayout-决定按钮的布局。可能的选项有:

    • 标准-在按钮右侧显示社交文字,下方显示好友的头像照片。最小宽度:225像素。默认宽度:450像素。高度:35像素(不带照片)或80像素(带照片)。

    • 图标-特定于共享按钮-仅呈现为图像

    • IconLink—专门用于共享按钮—呈现为一个小的图像和文本

    • BoxCount -显示按钮上方的点赞总数。最小宽度:55像素。默认宽度:55像素。高度:65像素。

    • ButtonCount—默认值。它会在按钮右侧显示点赞总数。最小宽度:90像素。默认宽度:90像素。高度:20像素

  • ShowFaces-指定是否在按钮下方显示头像照片(仅限标准布局)。默认为True。

  • ColorScheme-点赞按钮的配色方案。选项有:

    • 黑暗

  • 字体-在按钮中显示的字体。选项有:

    • 天线

    • LucidaGrande

    • SegoeUI

    • 大河马字体

    • TrebuchetMS

    • Verdana

  • ReferralsLabel-追踪转介个案的标签;长度小于50个字符,可以包含字母数字字符和部分标点符号。

  • 宽度-点赞按钮的宽度

Twitter按钮

要显示此按钮,请添加< telerik: RadTwitterButton / >MainButtons集合.它提供的额外选项是CounterMode财产。它可以取以下值:

  • 水平-计数器显示在按钮旁边

  • 垂直-计数器显示在按钮上方

  • 没有——没有柜台

谷歌+ 1按钮

谷歌+社交网络已被谷歌正式关闭。关于这个主题的更多信息,请访问以下网站关于谷歌Plus关闭的常见问题解答.RadGoogleButton不再渲染,不再起作用。

要添加此按钮,您需要< telerik: RadGoogleButton />MainButtons集合这允许你添加以下选项到按钮:

  • ButtonSize- - -按钮大小来呈现。这也控制注释(计数器)的显示方式(例如,AnnotationType属性被设置为Bubble)。默认值为“Standard”。

    • 媒介

    • 标准

  • AnnotationType-按钮旁边显示的注释:

    • None—不呈现任何附加注释

    • 气泡——在按钮旁边(或上面,取决于大小)的图形中显示页面+1的用户数量

    • 内联-显示连接用户的头像,谁已经+1的页面和谁已经+1的页面的用户的计数

  • 宽度如果annotation被设置为“内联”,按钮和它的内联注释.如果省略,则按钮及其内联注释使用450px。

还要检查谷歌浏览器支持,因为它们的按钮不能在旧的浏览器下工作。

LinkedIn分享按钮

要添加此按钮,您需要< telerik: RadLinkedInButton / >MainButtons集合.这允许你添加以下选项到按钮:

  • CounterMode-根据按钮决定计数器气球的显示位置:

    • 没有-不要渲染计数器

    • 水平-计数器显示在按钮旁边

    • 垂直-计数器显示在按钮上方

  • ShowZeroCount-确定如果此URL没有共享,计数器是否显示为零:

    • True -将会有一个计数器显示0

    • 错误-将没有计数器

Yammer按钮

Yammer按钮是可用的2013年一季度.要激活它们,你需要添加< telerik: RadYammerButton / >MainButtons集合.这允许你添加以下选项到按钮:

  • ButtonType-决定了按钮将提供的确切功能。可能的选项有:

    • Like -创建一个Like按钮

    • Follow -创建一个Follow按钮

  • YammerNetwork-你的网络永久链接

Pinterest按钮

Pinterest按钮是可用的Q1 2013 sp1.要激活它们,你需要添加< telerik: RadPinterestButton / >MainButtons集合.这允许你添加以下选项到按钮:

  • ButtonType-决定了按钮将提供的确切功能。可能的选项有:

    • 为特定的图像创建一个Pin按钮

    • Follow -创建一个Follow按钮

    • PinPageImage -这是一个很受欢迎的Pinterest书签。它创建了一个Pin按钮,让你从当前网站抓取图片和视频,并将它们添加到你的Pinterest板上。它不需要设置任何额外的属性。如果可挂起的图像有alt属性设置,则将其用作TitleToShare。

  • CounterMode(PinIt特定属性)-决定计数器气球将根据按钮显示的位置:

    • 水平-计数器显示在按钮旁边

    • 垂直-计数器显示在按钮上方

    • 没有——没有柜台

  • TitleToShare(PinIt特定属性)-设置固定图像的标题。默认值是图像的url。

  • UrlToShare

    • PinIt按钮-图片发送到Pinterest网络的URL。不接受网页URL。

      给Pinterest的URL必须指向一个图像而且不像其他网络那样访问一个页面。

    • Follow按钮-被关注的Pinterest账户的URL(例如,http://pinterest.com/USERNAME).

      正确的可视化的关注按钮需要省略'www'从Pinterest帐户的URL。

  • FromUrl(PinIt特定属性)-在Pin中设置from链接(图片被固定的URL)。

另请参阅

在本文中
Baidu
map