> ## Documentation Index
> Fetch the complete documentation index at: https://developer.box.com/llms.txt
> Use this file to discover all available pages before exploring further.

# FAQ

export const Link = ({href, children, className, ...props}) => {
  const localizedHref = localizeLink(href);
  return <a href={localizedHref} className={className} {...props}>
      {children}
    </a>;
};

export const MultiRelatedLinks = ({sections = []}) => {
  if (!sections || sections.length === 0) {
    return null;
  }
  return <div className="space-y-8">
      {sections.map((section, index) => <RelatedLinks key={index} title={section.title} items={section.items} />)}
    </div>;
};

export const RelatedLinks = ({title, items = []}) => {
  const getBadgeClass = badge => {
    if (!badge) return "badge-default";
    const badgeType = badge.toLowerCase().replace(/\s+/g, "-");
    return `badge-${badge === "ガイド" ? "guide" : badgeType}`;
  };
  if (!items || items.length === 0) {
    return null;
  }
  return <div className="my-8">
      {}
      <h3 className="text-sm font-bold uppercase tracking-wider mb-4">{title}</h3>

      {}
      <div className="flex flex-col gap-3">
        {items.map((item, index) => <a key={index} href={item.href} className="py-2 px-3 rounded related_link hover:bg-[#f2f2f2] dark:hover:bg-[#111827] flex items-center gap-3 group no-underline hover:no-underline border-b-0">
            {}
            <span className={`px-2 py-1 rounded-full text-xs font-semibold uppercase tracking-wide flex-shrink-0 ${getBadgeClass(item.badge)}`}>
              {item.badge}
            </span>

            {}
            <span className="text-base">{item.label}</span>
          </a>)}
      </div>
    </div>;
};

<AccordionGroup>
  <Accordion title="How does Box View work?">
    To get started with the New Box View, follow our guide
    <Link href="/guides/embed/box-view/setup">here</Link>.
  </Accordion>

  <Accordion title="Which Preview method, Embed Link or UI Element, is right for me?">
    Please follow our guide <Link href="/guides/embed/box-view/create-preview">here</Link> to choose
    the best method for your use case.
  </Accordion>

  <Accordion title="What file types are supported by Box View?">
    Supported [file types][file_types] can be found in our support article.
  </Accordion>

  <Accordion title="Which file types are not supported on mobile with Box View?">
    * All documents supported on web preview are supported on mobile browsers (Safari for iOS and Chrome).
    * Full annotations support is available for mobile via the <Link href="/guides/embed/ui-elements/preview">Content Preview UI Element</Link>, which leverages Box Annotations.
    * Mobile SDKs (for iOS and Android) do not support 360 Videos/Images, and 3D.
    * Mobile SDKs (for iOS and Android) do not support annotations (both read and write).
  </Accordion>

  <Accordion title="What are annotations?">
    <Link href="/guides/embed/ui-elements/annotations">Annotations</Link> are markup notes on a file rendering and allow
    developers to provide collaboration capabilities right from within the
    embedded Box preview in their application.
  </Accordion>

  <Accordion title="After uploading a file, how can my application get file representations?">
    <Link href="/guides/representations">Box Representations</Link> let you get the digital assets
    created for files stored in Box. You can use these endpoints to get PDF, text,
    image, and thumbnail representations for a file.
  </Accordion>

  <Accordion title="Can I use Box View with storage providers other than Box?">
    Currently, Box View is only compatible with files that are stored in Box. You
    can delete the files from Box once you no longer need to display them. However,
    you would need to re-upload them again in order to generate the preview.
    For this reason, we recommend keeping the files stored in Box for at least as
    long as you want to be able to display them.
  </Accordion>

  <Accordion title="How do I fix the CORS error Box gives me when I embed a Box UI Element?">
    To fix the <Link href="/guides/security/cors">CORS</Link> error, add each domain you wish to allow to make CORS
    requests via the application's configuration page. Wildcards are supported for
    the subdomain (`https://*.domain.com`). See the
    <Link href="/guides/security/cors">CORS guide</Link> for more information.
  </Accordion>

  <Accordion title="How can I replace the Box logo that shows up on preview?">
    See this guide for information on customizing the logo within a
    <Link href="/guides/embed/ui-elements/logo">Preview UI Element</Link>.
  </Accordion>
</AccordionGroup>

[file_types]: https://support.box.com/hc/en-us/articles/360043695794-Viewing-Different-File-Types-Supported-in-Box-Content-Preview

<RelatedLinks
  title="RELATED APIS"
  items={[
{ label: translate("Get file information"), href: "/reference/get-files-id", badge: "GET" }
]}
/>

<RelatedLinks
  title="RELATED GUIDES"
  items={[
{ label: translate("Setup"), href: "/guides/embed/box-view/setup", badge: "GUIDE" },
{ label: translate("Upload Files"), href: "/guides/embed/box-view/upload-file", badge: "GUIDE" },
{ label: translate("Create File Preview"), href: "/guides/embed/box-view/create-preview", badge: "GUIDE" }
]}
/>