Want to create your own custom lightbox effect in no time? Simply download this template! The template comes with two versions: one with a solid-color background and another with an image. Both are easy to customize to match your brand guidelines.
\n
\n
Explore this project.
\n
And if you’re curious about how to make your own custom lightbox effect from scratch, check out this article.
\n
There's also a similar download that uses the default lightbox feature over here.
","kudosSumWeight":0,"postTime":"2021-03-05T00:27:42.000-08:00","images":{"__typename":"AssociatedImageConnection","edges":[{"__typename":"AssociatedImageEdge","cursor":"MjUuM3wyLjF8b3wyNXxfTlZffDE","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTU3MDI4LTg1NjcwaUNENzUyRUI2QUNFODc4ODY?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuM3wyLjF8b3wyNXxfTlZffDI","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTU3MDI4LTEwMTI3Nmk3RkU1MkI5QjczNkI5NzFC?revision=1\"}"}}],"totalCount":2,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"AttachmentEdge","cursor":"MjUuM3wyLjF8b3w1fF9OVl98MQ","node":{"__ref":"Attachment:{\"id\":\"attachment:message1157028AttachmentNumber1\",\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/discover/1272/1/custom-lightbox.story\"}"}}]},"tags":{"__typename":"TagConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"TagEdge","cursor":"MjUuM3wyLjF8b3wxMHxfTlZffDE","node":{"__typename":"Tag","id":"tag:Articulate 360","text":"Articulate 360","time":"2023-02-28T09:24:11.000-08:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}},{"__typename":"TagEdge","cursor":"MjUuM3wyLjF8b3wxMHxfTlZffDI","node":{"__typename":"Tag","id":"tag:Download","text":"Download","time":"2020-04-23T11:34:28.000-07:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}},{"__typename":"TagEdge","cursor":"MjUuM3wyLjF8b3wxMHxfTlZffDM","node":{"__typename":"Tag","id":"tag:Interactive Objects","text":"Interactive Objects","time":"2020-04-23T11:34:28.000-07:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}},{"__typename":"TagEdge","cursor":"MjUuM3wyLjF8b3wxMHxfTlZffDQ","node":{"__typename":"Tag","id":"tag:storyline 360","text":"storyline 360","time":"2014-10-09T03:01:38.000-07:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}},{"__typename":"TagEdge","cursor":"MjUuM3wyLjF8b3wxMHxfTlZffDU","node":{"__typename":"Tag","id":"tag:Template","text":"Template","time":"2014-12-19T07:41:55.000-08:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}}]},"timeToRead":1,"rawTeaser":"","introduction":"","coverImage":{"__typename":"UploadedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTU3MDI4LTEwMTI3Nmk3RkU1MkI5QjczNkI5NzFC?revision=1","width":560,"height":451},"coverImageProperties":{"__typename":"CoverImageProperties","style":"STANDARD","titlePosition":"BOTTOM","altText":""},"currentRevision":{"__ref":"Revision:revision:1157028_1"},"latestVersion":{"__typename":"FriendlyVersion","major":"1","minor":"0"},"metrics":{"__typename":"MessageMetrics","views":241},"visibilityScope":"PUBLIC","canonicalUrl":null,"seoTitle":null,"seoDescription":null,"placeholder":false,"originalMessageForPlaceholder":null,"contributors":{"__typename":"UserConnection","edges":[]},"nonCoAuthorContributors":{"__typename":"UserConnection","edges":[]},"coAuthors":{"__typename":"UserConnection","edges":[]},"blogMessagePolicies":{"__typename":"BlogMessagePolicies","canDoAuthoringActionsOnBlog":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.blog.action_can_do_authoring_action.accessDenied","key":"error.lithium.policies.blog.action_can_do_authoring_action.accessDenied","args":[]}}},"archivalData":null,"customFields":[],"revisions({\"constraints\":{\"isPublished\":{\"eq\":true}},\"first\":1})":{"__typename":"RevisionConnection","totalCount":1}},"Conversation:conversation:1157028":{"__typename":"Conversation","id":"conversation:1157028","solved":false,"topic":{"__ref":"BlogTopicMessage:message:1157028"},"lastPostingActivityTime":"2021-06-24T07:50:05.000-07:00","lastPostTime":"2021-06-24T07:50:05.000-07:00","unreadReplyCount":19,"isSubscribed":false},"ModerationData:moderation_data:1157028":{"__typename":"ModerationData","id":"moderation_data:1157028","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTU3MDI4LTg1NjcwaUNENzUyRUI2QUNFODc4ODY?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTU3MDI4LTg1NjcwaUNENzUyRUI2QUNFODc4ODY?revision=1","title":"uploads_rte_dtsjheqy_118E348A-C553-426C-8439-5A12F90782CA.GIF","associationType":"BODY","width":1912,"height":1008,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTU3MDI4LTEwMTI3Nmk3RkU1MkI5QjczNkI5NzFC?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTU3MDI4LTEwMTI3Nmk3RkU1MkI5QjczNkI5NzFC?revision=1","title":"lightbox-tabs-big.png","associationType":"BODY","width":560,"height":451,"altText":null},"Attachment:{\"id\":\"attachment:message1157028AttachmentNumber1\",\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/discover/1272/1/custom-lightbox.story\"}":{"__typename":"Attachment","id":"attachment:message1157028AttachmentNumber1","filename":"custom-lightbox.story","filesize":3585289,"contentType":"application/octet-stream","url":"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/discover/1272/1/custom-lightbox.story"},"Revision:revision:1157028_1":{"__typename":"Revision","id":"revision:1157028_1","lastEditTime":"2021-03-05T00:27:42.000-08:00"},"BlogReplyMessage:message:1157030":{"__typename":"BlogReplyMessage","id":"message:1157030","conversation":{"__ref":"Conversation:conversation:1157028"},"author":{"__ref":"User:user:208000"},"revisionNum":1,"uid":1157030,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:discover"},"subject":"Re: Storyline 360: Custom Lightbox Tabs Two Ways","readOnly":true,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1157030"},"parent":{"__ref":"BlogReplyMessage:message:1157029"},"body":"Un millón de gracias por el apoyo. Un abrazo
","body@stringLength":"91","rawBody":"Un millón de gracias por el apoyo. Un abrazo
","author":{"__ref":"User:user:400310"},"postTime":"2021-03-11T07:57:13.000-08:00","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"repliesCount":1},"Revision:revision:1157030_1":{"__typename":"Revision","id":"revision:1157030_1","lastEditTime":"2021-03-11T08:55:17.000-08:00"},"QueryVariables:ReplyList:message:1157030:1":{"__typename":"QueryVariables","id":"ReplyList:message:1157030:1","value":{"id":"message:1157030","first":10,"sorts":{"postTime":{"direction":"ASC"}},"repliesFirst":3,"repliesFirstDepthThree":1,"repliesSorts":{"postTime":{"direction":"ASC"}},"useAvatar":true,"useAuthorLogin":true,"useAuthorRank":true,"useBody":true,"useKudosCount":true,"useTimeToRead":false,"useMedia":false,"useReadOnlyIcon":false,"useRepliesCount":true,"useSearchSnippet":false,"useAcceptedSolutionButton":false,"useSolvedBadge":false,"useAttachments":false,"attachmentsFirst":5,"useTags":false,"useNodeAncestors":false,"useUserHoverCard":false,"useNodeHoverCard":false,"useModerationStatus":true,"usePreviewSubjectModal":false,"useMessageStatus":true}},"ROOT_MUTATION":{"__typename":"Mutation"},"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarDropdownToggle-1744833251000","value":{"ariaLabelClosed":"Press the down arrow to open the menu"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1744833251000","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1744833251000","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/attachments/AttachmentView/AttachmentViewChip-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/attachments/AttachmentView/AttachmentViewChip-1744833251000","value":{"errorTitle":"Failed!","previewFile":"Preview File","downloadFile":"Download File {name}","removeFile":"Remove File {name}","errorBadExtension":"This file does not have a valid extension. \"{extensions}\" are the valid extensions.","errorFileEmpty":"This file is empty or does not exist.","errorTooLarge":"