Json 调整Sharepoint列表上的自定义悬停卡

我刚刚尝试将“列表上的自定义悬停卡”从Github改编为我的Sharepoint在线列表，但遇到了几个问题（）

基本上，我想让这个悬停卡列表用于我的简单流程：

开始

进行中

完成

有人能在这方面支持我吗

提前感谢&BR 亨利

---

为了完成悬停卡：

     Step 1: You need to create a choice column named as "Status" with options as Start,In progress,Done

     Step 2: You need to create a choice column named as "Status Code" with options as 1,2,3 where 1(represents Start),2 (In Progress),3 (Done). Set Number Accordingly.

在列格式中添加以下JSON。以下JSON的结果： 现在在列格式中添加以下JSON：

{ “elmType”：“div”， “风格”：{ “字体大小”：“12px” }, “txtContent”：“[$Status]”， “customCardProps”：{ “格式化程序”：{ “elmType”：“div”， “儿童”：[ { “elmType”：“div”， “儿童”：[ { “elmType”：“div”， “风格”：{ “填充”：“15px 45px 15px 15px” }, “儿童”：[ { “elmType”：“div”， “儿童”：[ { “elmType”：“div”， “风格”：{ “字体大小”：“18px”， “字体大小”：“550”， “文本对齐”：“居中”， “页边距底部”：“10px” }, “txtContent”：“状态跟踪” } ] }, { “elmType”：“div”， “儿童”：[ { “类型”：“跨度”， “风格”：{ “左边框样式”：“实心”， “边框左侧颜色”：“='ms-borderColor-'+如果（[$StatusCode]>0、'green'、'neutralSecondaryAlt'）”， “文本对齐”：“居中”， “左边距”：“21px” }, “属性”：{ “类”：“='ms-fontColor-'+如果（[$StatusCode]>0、'green'、'neutralSecondaryAlt'）” } } ] }, { “elmType”：“div”， “儿童”：[ { “类型”：“跨度”， “风格”：{ “字体大小”：“16px”， “字体大小”：“600”， “左侧填充”：“15px” }, “txtContent”：“， “属性”：{ “iconName”：“=如果（[$StatusCode]>0，'StatusCircleCheckmark'，'CircleRing'）”， “类”：“='ms-fontColor-'+如果（[$StatusCode]>0、'green'、'neutralSecondaryAlt'）” } }, { “类型”：“跨度”， “风格”：{ “字体大小”：“16px”， “字体大小”：“600”， “左边距”：“-16px” }, “txtContent”：“， “属性”：{ “iconName”：“循环”， “类”：“='ms-fontColor-'+如果（[$StatusCode]>0、'green'、'neutralSecondaryAlt'）” } }, { “类型”：“跨度”， “风格”：{ “字体大小”：“=如果（[$StatusCode]>0，'16px'，”， “字体重量”：“=如果（[$StatusCode]>0，'600'，'”， “左侧填充”：“9px” }, “txtContent”：“开始”， “属性”：{ “类”：“='ms-fontColor-'+如果（[$StatusCode]>0、'green'、'neutralSecondaryAlt'）” } }, { “elmType”：“div”， “风格”：{ “字体大小”：“10px”， “字体大小”：“600”， “文本对齐”：“居中”， “左边框样式”：“实心”， “左边框颜色”：“=如果（[$StatusCode]>1，'green'，'neutralSecondaryAlt'）”， “左边距”：“21px” }, “属性”：{ “类”：“='ms-fontColor-'+如果（[$StatusCode]>0，'黑色'，'黑色'）” }, “txtContent”：“[$PackedDate]” } ] }, { “elmType”：“div”， “儿童”：[ { “类型”：“跨度”， “风格”：{ “左边框样式”：“实心”， “边框左侧颜色”：“='ms-borderColor-'+如果（[$StatusCode]>1、'green'、'neutralSecondaryAlt'）”， “左边距”：“21px” }, “属性”：{ “类”：“='ms-fontColor-'+如果（[$StatusCode]>1、'green'、'neutralSecondaryAlt'）” } } ] }, { “elmType”：“div”， “儿童”：[ { “类型”：“跨度”， “风格”：{ “字体大小”：“16px”， “字体大小”：“600”， “左侧填充”：“15px” }, “txtContent”：“， “属性”：{ “iconName”：“=如果（[$StatusCode]>1，'StatusCircleCheckmark'，'CircleRing'）”， “类”：“='ms-fontColor-'+如果（[$StatusCode]>1、'green'、'neutralSecondaryAlt'）” } }, { “类型”：“跨度”， “风格”：{ “字体大小”：“16px”， “字体大小”：“600”， “左边距”：“-16px” }, “txtContent”：“， “属性”：{ “iconName”：“循环”， “类”：“='ms-fontColor-'+如果（[$StatusCode]>1、'green'、'neutralSecondaryAlt'）” } }, { “类型”：“跨度”， “风格”：{ “字体大小”：“=如果（[$StatusCode]>1，'16px'，”， “字体重量”：“=如果（[$StatusCode]>1，'600'，''”， “左侧填充”：“9px” }, “txtContent”：“正在进行中”， “属性”：{ “类”：“='ms-fontColor-'+如果（[$StatusCode]>1、'green'、'neutralSecondaryAlt'）” } }, { “elmType”：“div”， “风格”：{ “字体大小”：“10px”， “字体大小”：“600”， “文本对齐”：“居中”， “左边框样式”：“实心”， “左边框颜色”：“=如果（[$StatusCode]>2，'green'，'neutralSecondaryAlt'）”， “左边距”：“21px” }, “属性”：{ “类”：“='ms-fontColor-'+如果（[$StatusCode]>1，'black'，'black'）” }, “txtContent”：“[$ShippedDate]” } ] }, { “elmType”：“div”， “儿童”：[ { “类型”：“跨度”， “风格”：{ “左边框样式”：“实心”， “边框左侧颜色”：“='ms-borderColor-'+如果（[$StatusCode]>2、'green'、'neutralSecondaryAlt'）”， “左边距”：“21px” }, “属性”：{ “类”：“='ms-fontColor-'+如果（[$StatusCode]>2、'green'、'neutralSecondaryAlt'）” } } ] }, { “elmType”：“div”， “儿童”：[ { “类型”：“跨度”， “风格”：{ “字体大小”：“16px”， “字体大小”：“600”， “左侧填充”：“15px” }, “txtContent”：“， “属性”：{ “iconName”：“=如果（[$StatusCode]>2，'StatusCircleCheckmark'，'CircleRing'）”， “类”：“='ms-fontColor-'+如果（[$StatusCode]>2、'green'、'neutralSecondaryAlt'）” } }, { “类型”：“跨度”， “风格”：{ “字体大小”：“16px”， “字体大小”：“600”， “左边距”：“-16px” }, “txtContent”：“， “属性”：{ “iconName”：“循环”， “类”：“='ms-fontColor-'+如果（[$StatusCode]>2、'green'、'neutralSecondaryAlt'）” } }, { “类型”：“跨度”， “风格”：{ “字体大小”：“=如果（[$StatusCode]>2，'16px'，”， “字体重量”：“=如果（[$StatusCode]>2，'600'，”， “左侧填充”：“9px” }, “txtContent”：“完成”， “属性”：{ “类”：“='ms-fontColor-'+如果（[$StatusCode]>2、'green'、'neutralSecondaryAlt'）” } }, { “elmType”：“div”， “风格”：{ “字体大小”：“10px”， “字体大小”：“600”， “文本对齐”：“居中”， “左边框样式”：“实心”， “左边框颜色”：“=如果（[$StatusCode]>3，'green'，'neutralSecondaryAlt'）”， “左边距”：“21px” }, “属性”：{ “类”：“='ms-fontColor-'+如果（[$StatusCode]>2，'black'，'black'）” }, “txtContent”：“[$InTransitStartDate]” } ] } ] } ] } ] }, “OpenOneEvent”：“悬停”， “方向提示”：“底部中心”， “可见”：真 } }

请别忘了标出答案。谢谢

     Step 1: You need to create a choice column named as "Status" with options as Start,In progress,Done

     Step 2: You need to create a choice column named as "Status Code" with options as 1,2,3 where 1(represents Start),2 (In Progress),3 (Done). Set Number Accordingly.