Javascript 使用BotBuilderSDK';s Prompt.choice(),是否可以有显示长选项文本的自定义工具提示?
我正在使用nodejsdk创建一个使用MSFT botframework的bot。我正在使用Javascript 使用BotBuilderSDK';s Prompt.choice(),是否可以有显示长选项文本的自定义工具提示?,javascript,node.js,botframework,Javascript,Node.js,Botframework,我正在使用nodejsdk创建一个使用MSFT botframework的bot。我正在使用builder.prompt.choice为用户提供选择选项。如果选项值太长而无法完全查看,是否可以将鼠标悬停在可单击的选项上?代码片段如下所示。此外,选项值在运行时获取,因此我们无法控制长度 function(session, args, next) { builder.Prompts.choice(session, "Please select one of the options:", ['I
builder.prompt.choice
为用户提供选择选项。如果选项值太长而无法完全查看,是否可以将鼠标悬停在可单击的选项上?代码片段如下所示。此外,选项值在运行时获取,因此我们无法控制长度
function(session, args, next) {
builder.Prompts.choice(session, "Please select one of the options:", ['I want to hover here.....', 'Since it is a very very long sentence', 'ccc ccc ccc dddd d d aa a a ddd a sdd d '], {
retryPrompt: "Invalid choice, Please pick below listed choices",
listStyle: builder.ListStyle.button,
maxRetries: 1
});
},
function(session, results) {
if (results.response) {
//Do something
}
}
使用Webchat频道时,您可以按照Microsoft GitHub项目中提供的指导原则自定义频道实现 特别是,在您的情况下,您只需要删除
ActionButton
上的一个属性,该属性将按钮限制为一行,如果行太长,则添加…
您需要做的修改是删除botchat.js文件中函数ActionButton
上的以下行(看起来您不能简单地在CSS端执行此操作):
通过这样做,您将有如下提示选项,其中第二个选项有两行:
顺便说一句,您也可以像我一样在鼠标悬停时为按钮添加标题以获取值;-) 你说的是哪个频道?webchat@Nicolas ROK在这种情况下,我将发布一个解决方案,因为它不是选项提示的一个功能。您需要按照@NicolasRIf的描述自己构建工具提示功能。回复很有帮助,请不要忘记接受它,谢谢Shi Nicolas R,您是如何将工具提示添加到选项的。我看到一个属性_element.title,但您为它指定了什么值。任何指示都会有帮助。感谢提供上下文,我从QnAMakerOptions获取选项并显示..有时该选项上的文本太大,会被截断。因此,我需要提供关于这些选项的tootip,以便用户可以将鼠标悬停在上面并阅读完整的文本。提前谢谢。
this._element.style.whiteSpace="nowrap";