Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ruby-on-rails-3/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在TridionGUI扩展中,如何向上下文菜单添加图标?_Tridion - Fatal编程技术网

在TridionGUI扩展中,如何向上下文菜单添加图标?

在TridionGUI扩展中,如何向上下文菜单添加图标?,tridion,Tridion,如何向Tridion 2011 GUI扩展上下文菜单项添加图标 它是在主题中还是在GUI扩展配置中 大小是16px吗?您使用的是主题CSS。我在CSS中为我的开发人员映像中的扩展提供了以下内容: .tridion .contextmenu #TweetThis .image { background-image:url({ThemePath}/images/icons/twitter-icon16x16.png); } tweet这是我的上下文菜单项id,在扩展配置中定义。是图标为16

如何向Tridion 2011 GUI扩展上下文菜单项添加图标

它是在主题中还是在GUI扩展配置中


大小是16px吗?

您使用的是主题CSS。我在CSS中为我的开发人员映像中的扩展提供了以下内容:

.tridion .contextmenu #TweetThis .image
{
    background-image:url({ThemePath}/images/icons/twitter-icon16x16.png);
}

tweet这是我的上下文菜单项id,在扩展配置中定义。

是图标为16 x 16

我一直在使用CSS,我希望这个解释有意义:

1) 在editor.config中,指定所需的css文件和其他资源

<cfg:groups>
  <cfg:group name="PowerTools.Resources.Base" merge="always">
    <cfg:fileset>
        <cfg:file type="style">/PowerTools/Client/Shared/Theme/styles.css</cfg:file>
查看CSS类(PT_PagePublisher)的名称如何映射到ContextMenuItem节点中的ID


我希望这有帮助

如果要重用当前CME(Content Manager Explorer)的映像,可以使用以下选项:

#PT_PagePublisher.item .image
{
    background-image: url({ThemePath['CME']}/Sprites/cme_5_v6.1.0.55920.0_.png);
    background-position: 0px -480px;
    height: 16px;
    width: 16px;
}
此示例显示了2011 SP1安装中的发布图标。因此,您可以使用{ThemePath['EditorName']}访问实际配置的任何编辑器的主题路径

此外,在某些情况下,我发现我的图像无法加载到功能区工具栏或关联菜单上,这似乎是IIS中编辑器虚拟目录的授权问题

我通过在我的主题(根)目录中添加一个Web.config文件来解决这个问题,该目录允许所有用户访问主题文件(css和图像)



主题文件夹怎么样。路径是如何定义的?它存储在您的配置xml中:在设置节点:/Views/Default.aspx/Views/Default.aspx另一个注意:在css中,您可能有类似于背景图像的内容:url({ThemePath}/images/icon.png);我发现{ThemePath}不喜欢在引号内,所以背景图像:url({ThemePath}/images/icon-branchs-32.png”);如果看到这个问题/答案对你的工作有帮助,那就不太好了。做得好!
.PT_PagePublisher .image {background-image:url({ThemePath}/Icons/pagepublisher_16.png);}
#PT_PagePublisher.item .image
{
    background-image: url({ThemePath['CME']}/Sprites/cme_5_v6.1.0.55920.0_.png);
    background-position: 0px -480px;
    height: 16px;
    width: 16px;
}
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.web>
        <!-- allow all users access to theme files -->
        <authorization>
            <allow users="?" />
        </authorization>
    </system.web>
</configuration>