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":"MjUuMnwyLjF8b3wyNXxfTlZffDE","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTU3MDI4LTg1NjcwaUNENzUyRUI2QUNFODc4ODY?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDI","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":"MjUuMnwyLjF8b3w1fF9OVl98MQ","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":"MjUuMnwyLjF8b3wxMHxfTlZffDE","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":"MjUuMnwyLjF8b3wxMHxfTlZffDI","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":"MjUuMnwyLjF8b3wxMHxfTlZffDM","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":"MjUuMnwyLjF8b3wxMHxfTlZffDQ","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":"MjUuMnwyLjF8b3wxMHxfTlZffDU","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":199},"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:1157040":{"__typename":"BlogReplyMessage","id":"message:1157040","conversation":{"__ref":"Conversation:conversation:1157028"},"author":{"__ref":"User:user:217768"},"revisionNum":1,"uid":1157040,"depth":3,"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:1157040"},"parent":{"__ref":"BlogReplyMessage:message:1157039"},"body":"Hi Deb,
It really just comes down to whether you're happy with the way the lightbox looks out of the box, or if you'd like to customize the look and feel. I talk a bit more about this in this article:
https://community.articulate.com/articles/how-to-create-a-custom-lightbox-effect-in-storyline-360 ","body@stringLength":"478","rawBody":"Hi Deb,
It really just comes down to whether you're happy with the way the lightbox looks out of the box, or if you'd like to customize the look and feel. I talk a bit more about this in this article:
https://community.articulate.com/articles/how-to-create-a-custom-lightbox-effect-in-storyline-360 ","author":{"__ref":"User:user:208000"},"postTime":"2021-03-30T06:26:10.000-07:00","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"repliesCount":2},"Revision:revision:1157040_1":{"__typename":"Revision","id":"revision:1157040_1","lastEditTime":"2021-03-30T15:58:50.000-07:00"},"QueryVariables:ReplyList:message:1157040:1":{"__typename":"QueryVariables","id":"ReplyList:message:1157040:1","value":{"id":"message:1157040","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-shared/client/components/users/UserAvatar-1743727536729":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1743727536729","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1743727536729":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1743727536729","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/attachments/AttachmentView/AttachmentViewChip-1743727536729":{"__typename":"CachedAsset","id":"text:en_US-components/attachments/AttachmentView/AttachmentViewChip-1743727536729","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":"