How to add downland button or icon and clapboard icon to copy the content within the pages of the communication site

Khushboo Kumari 97

Hi,

I would to like to know how to add downland button or icon and clapboard icon to copy the content within the pages of the communication site. Actually in the page of my site I want that user can see the download icon to downloads the content of page. and for any scripts or coding page there should be both icon download as well as copy button.

User's image

please let me know how can I do this as soon possible.

Thanks!

1 answer

ChengFeng - MSFT 5,020 Reputation points Microsoft Vendor

2023-10-05T08:55:23.92+00:00

HI @Khushboo Kumari

Can you tell me where you need to place these two icons?

Currently, these two icons exist for library

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best Regards

Cheng Feng
Please sign in to rate this answer.
Khushboo Kumari 97 Reputation points

2023-10-05T09:49:30.57+00:00

Hi @ ChengFeng - MSFT, thanks for the information. Actually I want it inside the pages of communication site either in the above of the page or below of the page.

ChengFeng - MSFT 5,020 Reputation points Microsoft Vendor

2023-10-06T01:28:12.1166667+00:00

HI @Khushboo Kumari

If you need to add these two buttons on this, I suggest you use the Spfx extension, then add these two buttons to the page, and then customize the js formula of the button to achieve the effect you want. (This requires some coding knowledge)

I have used the spfx extension before to hide some buttons on the page. I want to add an element to the page and then set its JS behavior, I think it should be possible. You can refer to the official documentation to learn

https://learn.microsoft.com/en-us/sharepoint/dev/spfx/extensions/overview-extensions

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best Regards

Cheng Feng

Khushboo Kumari 97 Reputation points

2023-10-06T04:38:41.46+00:00

Hi @ChengFeng - MSFT thanks for the information. Actually I have no idea of coding knowledge. Can you please help me on this. I only want the clipboard button to copy the content of pages and the download button, if possible. I will be really thankful to you.

Thanks!

ChengFeng - MSFT 5,020 Reputation points Microsoft Vendor

2023-10-06T07:04:38.9466667+00:00

HI @Khushboo Kumari

There are actually ready-made cases for your reference.

This is to add controls for display

https://learn.microsoft.com/en-us/sharepoint/dev/spfx/extensions/basics/configure-extension-icon

This is some blog content written by other bloggers, I hope it can help you understand:

https://www.c-sharpcorner.com/article/sharepoint-framework-spfx-extension-add-custom-icon-to-list-view-command-set/#:~:text=Step%202%20-%20Navigate%20to%20Manifest.Json%20file%20Click,the%20OOTB%20Icon%20URL%20with%20Custom%20Icon%20URL.

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best Regards

Cheng Feng

ChengFeng - MSFT 5,020 Reputation points Microsoft Vendor

2023-10-13T01:50:50.38+00:00

HI @Khushboo Kumari

I am kindly following up to see if you have any remaining questions or concerns for this issue. Please feel free to reach us if any questions or concerns you may have. If the answer is helpful, please click "Accept Answer" and kindly upvote it.By doing so, it will benefit all community members who are having this similar issue. Your contribution is highly appreciated.

ChengFeng - MSFT 5,020 Reputation points Microsoft Vendor

2023-10-16T08:26:26.7166667+00:00

HI @Khushboo Kumari

I am kindly following up to see if you have any remaining questions or concerns for this issue. Please feel free to reach us if any questions or concerns you may have. If the answer is helpful, please click "Accept Answer" and kindly upvote it.By doing so, it will benefit all community members who are having this similar issue. Your contribution is highly appreciated.

Deleted

This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.

ChengFeng - MSFT 5,020 Reputation points Microsoft Vendor

2023-10-20T07:19:26.8866667+00:00

HI @Khushboo Kumari

I am kindly following up to see if you have any remaining questions or concerns for this issue. Please feel free to reach us if any questions or concerns you may have. If the answer is helpful, please click "Accept Answer" and kindly upvote it.By doing so, it will benefit all community members who are having this similar issue. Your contribution is highly appreciated.

ChengFeng - MSFT 5,020 Reputation points Microsoft Vendor

2023-10-31T05:51:52.8633333+00:00

HI @Khushboo Kumari

Look forward to your good news. If the answer is helpful to you, please click "Accept Answer" and like it. This can help more users who have the same problem as you!
Sign in to comment